/* One natural-scroll document. All motion is progressive enhancement. */
:root{--header-height:88px}html{scroll-padding-top:var(--header-height)}
header{position:fixed;inset:0 0 auto;background:var(--bg);color:var(--ink);transition:background-color .45s ease,color .45s ease,border-color .45s ease;box-shadow:0 3px 16px #00000006}
header *{transition:color .45s ease,border-color .45s ease}header nav a[aria-current=location]:after{transform:scaleX(1)}header nav a[aria-current=location]{color:var(--accent)}
.brand-mark{font-family:Arial,sans-serif;font-variant-emoji:text}.reading-track{position:absolute;bottom:-1px;height:2px;left:0;right:0}.reading-progress{height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:background-color .45s ease}
main{max-width:none;padding:var(--header-height) 0 0}footer{max-width:none;background:var(--bg);color:var(--ink)}footer .footnote{max-width:1328px;margin:auto}
.chapter-section{background:var(--bg);color:var(--ink);scroll-margin-top:0;position:relative}.chapter-inner{max-width:1440px;padding:0 56px;margin:auto}.stage{min-height:calc(100svh - var(--header-height));padding-top:36px}.section-end{border-top:1px solid var(--line);padding:22px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.section-end a{color:var(--ink)}
/* Explicit paint order. No multiply blending: backdrop type cannot bleed through the illustration. */
.visual{isolation:isolate}.art-name{z-index:0;pointer-events:none}.visual:before,.visual:after{z-index:0;pointer-events:none}.visual figure{position:relative;z-index:1}.visual img{position:relative;z-index:1;mix-blend-mode:normal!important}.art-foot{z-index:2}.visual img{filter:drop-shadow(0 10px 14px #00000008)}
.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.motion-ready .visual.reveal{transition-delay:.1s}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.chapter-inner{padding:0 32px}}
@media(max-width:700px){:root{--header-height:108px}.chapter-inner{padding:0 24px}.stage{min-height:0}.section-end{font-size:11px}.visual{height:500px}.details-section{scroll-margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}header,header *,.reading-progress,.motion-ready .reveal{transition:none!important}.motion-ready .reveal{opacity:1;transform:none!important}}
/* Opaque isolated illustration plane prevents the lettering behind it from compositing through. */
.visual figure{isolation:isolate;background:var(--wash)}
.visual img{mix-blend-mode:multiply!important}
[data-theme=claude] .visual figure{background:#edddc7}[data-theme=claude] .visual img{mix-blend-mode:normal!important}
[data-theme=grok] .visual figure{background:var(--paper)}