/* One native disclosure: reading order on phones, right rail on wide pages. */
.reading-layout{display:flex;flex-direction:column;gap:24px;align-items:stretch}
.reading-copy{min-width:0}
.reading-toc{font-size:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--primary);padding:8px 16px}
.reading-toc>summary{cursor:pointer;font-size:16px;font-weight:700;min-height:44px;padding:10px 0}
.reading-toc nav{display:flex;flex-direction:column;gap:0;padding-block:4px 8px}
.reading-toc a{display:block;font-size:16px;line-height:1.5;min-height:44px;padding:10px 8px;border-left:3px solid transparent;text-decoration:none;overflow-wrap:anywhere}
.reading-toc a:hover{text-decoration:underline;background:var(--surface)}
.reading-toc a[aria-current=location]{border-left-color:var(--primary);font-weight:700;background:var(--surface);text-decoration:underline;text-underline-offset:3px}
.reading-toc a:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.reading-copy>.guide-section{scroll-margin-top:20px}
@media(min-width:1080px){
 .reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:start}
 .reading-copy{grid-column:1;grid-row:1}
 .reading-toc{grid-column:2;grid-row:1;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}
 .reading-toc[data-wide]>summary{list-style:none;cursor:pointer}
 .reading-toc[data-wide]>summary::-webkit-details-marker{display:none}
}