/* Optional depth keeps the main reading path short; native details works without JS. */
.reading-extra,.reading-chapters,.reading-sources,.reading-interview{margin:24px 0;border:1px solid var(--line);border-radius:8px;background:transparent;clear:both}
.reading-extra>summary,.reading-chapters>summary,.reading-sources>summary,.reading-interview>summary{padding:16px 18px;cursor:pointer;min-height:48px;box-sizing:border-box;font-weight:600;overflow-wrap:anywhere}
.reading-extra>div,.reading-sources>div,.reading-interview>div,.reading-chapters>nav{padding:0 18px 18px}
.reading-extra .help-box,.reading-sources .help-box{border:0;padding:14px 0;margin:0;background:transparent}
.reading-extra>summary:focus-visible,.reading-chapters>summary:focus-visible,.reading-sources>summary:focus-visible,.reading-interview>summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.profile-copy>section p,.reading-interview p{max-width:68ch}.reading-interview section+section{margin-top:32px}
.reading-sources{font-size:.88rem}.reading-sources a{overflow-wrap:anywhere}.reading-sources p,.reading-sources li{font-size:.88rem;line-height:1.6}
@media(max-width:500px){.reading-extra>summary,.reading-chapters>summary,.reading-sources>summary,.reading-interview>summary{padding:14px}.reading-extra>div,.reading-sources>div,.reading-interview>div,.reading-chapters>nav{padding:0 14px 14px}}
@media print{.reading-chapters{display:none!important}details.reading-extra::details-content,details.reading-sources::details-content,details.reading-interview::details-content{display:contents!important;content-visibility:visible!important}.reading-extra>div,.reading-sources>div,.reading-interview>div{display:block!important}.reading-extra,.reading-sources,.reading-interview{border:0}}