/* Editorial layer: route-scoped, theme-token based, no homepage/demo overrides. */
main.reading-page{max-width:1160px;margin-inline:auto;padding-block:40px 80px;color:var(--ink)}
.reading-page .reading-article{max-width:none;min-width:0;font-size:17px;line-height:1.75;overflow-wrap:anywhere}
main.reading-page.reading-article{max-width:860px}
.reading-page .reading-article>h1,main.reading-page>h1{max-width:23ch;font-size:clamp(30px,3.6vw,48px);line-height:1.14;letter-spacing:-.035em;margin:24px 0}
.reading-page .reading-lead{max-width:65ch;font-size:clamp(18px,1.6vw,21px);line-height:1.65;color:var(--muted);margin:0 0 28px}
.reading-page .reading-article:not(:has(.reading-grid)){max-width:760px;margin-inline:auto}
.reading-page .reading-article:not(:has(.reading-grid))>.reading-toc{position:static;max-height:none;margin-block:28px}
.reading-page .reading-grid{display:grid;grid-template-columns:minmax(0,720px) minmax(190px,250px);gap:56px;align-items:start}
.reading-page .reading-grid>.prose{grid-column:1;grid-row:1;min-width:0}
.reading-page .prose{font-size:17px;line-height:1.8;min-width:0}
.reading-page p{margin-block:0 1.15em}
.reading-page .reading-heading{font-size:clamp(23px,2.2vw,29px);line-height:1.3;letter-spacing:-.02em;margin:2.4em 0 .75em;scroll-margin-top:110px!important;text-wrap:balance}
.reading-page h3{font-size:20px;line-height:1.4;margin:1.8em 0 .6em;scroll-margin-top:110px}
.reading-page .prose>h2:first-child{margin-top:0}
.reading-page .prose li,main.reading-article>section li{margin-block:.65em;padding-left:.15em}
.reading-page .prose ul,.reading-page .prose ol{padding-left:1.4em;margin:1em 0 1.8em}
.reading-page a{text-underline-offset:4px;text-decoration-thickness:1px}
.reading-page a:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:2px}
.reading-page .reading-toc{display:block;align-self:start;margin:0;grid-column:2;grid-row:1;position:sticky;top:100px;border-top:2px solid var(--ink);padding-top:16px;font-size:14px;line-height:1.45;max-height:calc(100dvh - 120px);overflow:auto}
.reading-page .reading-toc>strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.reading-page .reading-toc ol{list-style:none;padding:0;margin:12px 0;display:block}
.reading-page .reading-toc li{margin:0;border-bottom:1px solid var(--line);padding:0}
.reading-page .reading-toc a{font-size:14px;line-height:1.45;display:block;padding:10px 0;color:var(--ink);text-decoration:none}
.reading-page .reading-toc a:hover{text-decoration:underline}
.reading-page .reading-takeaway{max-width:720px;border-left:3px solid var(--accent,var(--ink));background:var(--surface);padding:20px 24px;margin:0 0 40px}
.reading-page .reading-takeaway strong{font-size:14px}
.reading-page .reading-takeaway p{margin:6px 0 0;font-size:16px;line-height:1.65}
.reading-page .reading-figure{margin:36px 0 40px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.reading-page .reading-figure-label{font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;margin-bottom:20px}
.reading-page .reading-figure svg{display:block;width:100%;max-width:540px;height:auto;margin:auto;color:var(--ink)}
.reading-page .reading-figure text{font:13px system-ui,sans-serif;fill:currentColor}
.reading-page .diagram-axis{fill:none;stroke:currentColor;stroke-width:1.2}
.reading-page .diagram-train{fill:var(--bg);stroke:currentColor;stroke-width:1}
.reading-page .diagram-test{fill:var(--bg);stroke:currentColor;stroke-width:1.5;stroke-dasharray:4 3}
.reading-page .reading-flow{list-style:none;padding:0!important;margin:0!important;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.reading-page .reading-flow li{position:relative;margin:0!important;padding:14px!important;border:1px solid var(--line);border-radius:6px;font-size:15px;text-align:center;background:var(--bg)}
.reading-page .reading-flow li:not(:last-child)::after{content:'↓';position:absolute;left:calc(50% - 6px);bottom:-27px;font-size:20px}
.reading-page .reading-flow{grid-template-columns:1fr;max-width:360px;margin-inline:auto!important}
.reading-page .reading-figure figcaption{font-size:14px;line-height:1.6;margin-top:20px;color:var(--muted)}
.reading-page .article-table{margin:24px 0 40px;max-width:100%;overflow:auto}
.reading-page pre{max-width:100%;overflow:auto;white-space:pre;overflow-wrap:normal}
.reading-page .parity-links{border-top:1px solid var(--line);padding-top:24px;margin-top:40px;gap:16px}
.reading-page .xt-breadcrumbs{margin:0 0 28px;font-size:12px;line-height:1.5}
.reading-page .xt-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:0;margin:0}
.reading-page .xt-breadcrumbs li{margin:0;padding:0;min-width:0}
@media(max-width:1050px){.reading-page .reading-grid{grid-template-columns:minmax(0,1fr);gap:32px}.reading-page .reading-grid>.prose{grid-row:2}.reading-page .reading-toc{position:static;grid-column:1;max-height:none}.reading-page .reading-toc ol{columns:2;column-gap:24px}.reading-page .reading-toc li{break-inside:avoid}.reading-page .reading-article{max-width:740px;margin-inline:auto}}
@media(max-width:600px){main.reading-page{padding:24px 20px 56px}.reading-page .reading-article,.reading-page .prose{font-size:16px;line-height:1.75}.reading-page .reading-toc ol{columns:1}.reading-page .reading-toc a{padding-block:11px;min-height:44px;box-sizing:border-box}.reading-page .reading-heading{margin-top:2em}.reading-page .reading-takeaway{padding:16px 18px;margin-bottom:28px}.reading-page .reading-figure{padding:16px;margin-block:28px}.reading-page .reading-figure-label{font-size:11px}.reading-page .xt-breadcrumbs [aria-current=page]{text-decoration:none!important}}
@media(prefers-reduced-motion:reduce){.reading-page{scroll-behavior:auto}}