/* Hallmark · genre: modern-minimal · macrostructure: Map / Diagram · theme: Coral dark · enrichment: original 3D agent glyphs · nav: N1 · footer: Ft2
   One native-scroll system diagram. Existing brand fonts retained; motion explicitly requested by the user. */
:root[data-theme=dark]{--paper:#111717;--white:#182020;--ink:#f0f3ee;--muted:#a5b3af;--line:#34423e;--subtle:#1d2825;--accent:#e98448;--accent-ink:#f49a62;--task-baseline:#8ab7b4;--task-gain:#e98448;--z-illustration:1;--z-story:2}
.code-page{background:var(--paper)}.code-page .masthead{position:relative;background:var(--paper)}.code-page .skip{background:var(--white)}.code-film{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)}.code-stage{grid-column:2;grid-row:1;position:sticky;top:0;height:100svh;min-height:620px;align-self:start;pointer-events:none;isolation:isolate}.code-track{grid-column:1;grid-row:1}.code-beat{position:relative;min-height:100svh;padding:5rem 0 5rem var(--gutter);display:flex;align-items:center}.code-copy{display:flex;flex-direction:column;gap:1.5rem;max-width:35rem}.code-copy h1{font-size:clamp(3.2rem,4.7vw,5.6rem)}.code-copy h1>span{color:var(--accent-ink)}.code-copy h2{font-size:clamp(2.6rem,4vw,4.6rem)}.code-copy h2>span{color:var(--accent-ink)}.code-copy>p:not(.intro-label,.chapter-label,.scroll-cue,.mechanism-note){font-size:clamp(1rem,1.45vw,1.2rem);color:var(--muted);max-width:33ch}.chapter-label{font-size:.875rem;color:var(--accent-ink)}.mechanism-note{font-size:.875rem;color:var(--ink);max-width:36ch;padding-top:.75rem}.code-copy .scroll-cue{margin-top:1rem}.stage-owner{position:absolute;top:3.5rem;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:.5rem;font-size:.8125rem;color:var(--muted)}.owner-mark{font:500 1.15rem/1 var(--display);color:var(--ink);background:var(--subtle);padding:.8rem 1.5rem;border-radius:3px}.stage-owner::after{content:"";width:1px;height:2rem;background:var(--line)}#code-canvas{position:absolute;inset:5rem 0 5rem}#code-canvas canvas{display:block;width:100%;height:100%}.code-labels{position:absolute;inset:5rem 0 5rem;opacity:0}.code-webgl .code-labels{opacity:1}.code-labels>span{position:absolute;left:0;top:0;white-space:nowrap;font-size:.875rem;padding:3px 8px;background:var(--paper);opacity:0}.code-labels [data-label=main]{color:var(--accent-ink);font-weight:500}.code-stage-caption{position:absolute;bottom:2.8rem;inset-inline:2rem;display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;text-align:center}.code-stage-caption>span{color:var(--muted);font-size:.75rem}.code-fallback{position:absolute;inset:11rem 1rem 7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-size:.875rem;color:var(--muted)}.code-fallback>div{display:flex;gap:4rem}.code-webgl .code-fallback{display:none}
.code-proof{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;background:var(--white)}.proof-heading{display:flex;flex-direction:column;gap:1.5rem}.proof-heading h2,.selected-result h2{display:flex;flex-direction:column;gap:.4rem}.proof-heading h2>strong{font:500 clamp(6rem,12vw,12rem)/.95 var(--display);letter-spacing:-.07em;color:var(--accent-ink);white-space:nowrap}.proof-heading h2>strong>span{font-size:.48em;letter-spacing:-.03em}.proof-heading h2>span{font-size:clamp(1.6rem,3vw,2.7rem)}.proof-heading>p:last-child{font-size:1.15rem;color:var(--muted)}.code-comparison{display:flex;flex-direction:column;gap:2rem}.code-comparison figcaption{font-size:1rem;color:var(--ink)}.code-comparison figcaption span{font-size:.875rem;color:var(--muted)}.proof-bars{display:grid;gap:1.5rem}.proof-bar-row>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.875rem}.proof-bar-row strong{font:500 2.5rem/1 var(--display);color:var(--task-baseline)}.proof-track{display:block;height:2rem;margin-top:.75rem;background:#253330;overflow:hidden}.proof-track>i{display:block;width:100%;height:100%;background:var(--task-baseline);transform:scaleX(var(--score));transform-origin:left}.with-coral strong{color:var(--accent-ink)}.with-coral .proof-track>i{background:var(--accent)}
.code-detail{display:grid;grid-template-columns:1fr 1fr;gap:3rem 5rem;align-items:center}.selected-result{display:flex;flex-direction:column;gap:1.5rem}.selected-result h2>strong{font:500 clamp(4rem,7vw,7rem)/1 var(--display);color:var(--ink);letter-spacing:-.04em}.selected-result h2>strong>span{color:var(--muted);font-size:.65em}.selected-result h2>span{font-size:clamp(1.5rem,2.8vw,2.5rem)}.selected-result p:last-child{max-width:35ch;color:var(--muted)}.selected-table h3{font-size:.875rem;color:var(--muted)}.selected-table dl{display:flex;flex-direction:column;gap:1.2rem;margin-block:1.5rem}.selected-table dl>div{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.selected-table dd{margin:0;font:500 1.25rem/1.3 var(--display);white-space:nowrap}.selected-table .best{color:var(--accent-ink)}.code-source{grid-column:1/-1;max-width:68rem;padding-top:1rem;display:flex;flex-direction:column;gap:.75rem}.code-source h3{font-size:.875rem}.code-source p{font-size:.875rem;color:var(--muted);max-width:85ch}.code-source>a{font-size:.875rem;width:fit-content;min-height:44px;display:flex;align-items:center}.code-next{background:var(--subtle);display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:4rem}.code-next>div{display:flex;flex-direction:column;gap:1.5rem}.code-next h2{font-size:clamp(2.1rem,3.7vw,4rem)}.code-next p:not(.intro-label){color:var(--muted);max-width:49ch}.code-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 1.5rem;min-height:52px;background:var(--accent);color:#14201b;font-weight:500;text-decoration:none;max-width:18rem;margin-top:.5rem;border-radius:3px}.code-cta:hover{background:var(--accent-ink)}.next-research{text-decoration:none;display:flex;flex-direction:column;gap:.75rem;justify-self:end}.next-research>span{font-size:.875rem;color:var(--muted)}.next-research strong{font:500 1.5rem/1.2 var(--display)}.next-research:hover strong{color:var(--accent-ink)}
@media(min-width:90rem){.code-beat{padding-left:clamp(5rem,7vw,10rem)}.code-stage{margin-right:2vw}}
@media(max-width:59.999rem){.code-film{grid-template-columns:1fr}.code-stage{grid-area:1/1;height:42svh;min-height:245px;z-index:var(--z-story);background:var(--paper)}.code-track{grid-area:1/1}.code-beat{min-height:100svh;align-items:flex-end;padding:calc(42svh + 2rem) var(--gutter) 3rem;z-index:var(--z-illustration)}.code-copy{gap:1rem;max-width:42rem}.code-copy h1{font-size:clamp(2.5rem,6.5vw,4rem)}.code-copy h1>br,.code-copy h1>span>br{display:none}.code-copy h2{font-size:clamp(2rem,5.8vw,3.5rem)}.code-copy>p:not(.intro-label,.chapter-label,.scroll-cue,.mechanism-note){font-size:1rem;max-width:44ch}.stage-owner{top:.75rem;gap:.25rem;font-size:.6875rem;flex-direction:row;justify-content:center}.owner-mark{font-size:.875rem;padding:.35rem .75rem}.stage-owner::after{display:none}#code-canvas,.code-labels{inset:2rem 0 2.7rem}.code-labels>span{font-size:.75rem;padding:2px 5px}.code-stage-caption{bottom:.3rem;inset-inline:1rem;font-size:.75rem}.code-stage-caption>span{display:none}.code-fallback{inset:3rem 1rem 3rem;gap:.25rem}.code-fallback>img{width:50px;height:55px}.code-fallback>div img{width:30px;height:33px}.code-fallback>div{gap:3rem}.code-fallback>span{font-size:.75rem}.code-proof{gap:3rem}.code-detail{gap:3rem}.code-next{gap:3rem}.code-copy .scroll-cue{margin-top:0}.mechanism-note{padding-top:0}}
@media(max-width:39.999rem){.code-proof,.code-detail,.code-next{grid-template-columns:1fr}.proof-heading h2>strong{font-size:7rem}.proof-heading h2>span{font-size:1.9rem}.proof-heading>p:last-child{font-size:1rem}.code-comparison{gap:1.5rem}.code-source{grid-column:auto}.code-next{gap:3rem}.next-research{justify-self:start}.code-beat{padding-bottom:2rem}.code-copy{gap:1rem}.mechanism-note{font-size:.8125rem}.selected-table dd{font-size:1.15rem}}
html[data-motion=reduce] .code-film{display:block}html[data-motion=reduce] .code-stage{position:relative;height:420px;min-height:0}html[data-motion=reduce] .code-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr))}html[data-motion=reduce] .code-beat{min-height:0;padding:3rem var(--gutter)}html[data-motion=reduce] #code-canvas,html[data-motion=reduce] .code-labels{display:none}html[data-motion=reduce] .code-fallback{display:flex;inset:6rem 1rem 5rem}
@media(prefers-reduced-motion:reduce){.code-film{display:block}.code-stage{position:relative;min-height:0;height:420px}.code-beat{min-height:0;padding:3rem var(--gutter)}#code-canvas,.code-labels{display:none}.code-fallback{display:flex;inset:6rem 1rem 5rem}}
@media print{.code-stage{display:none}.code-film,.code-track,.code-proof,.code-detail,.code-next{display:block}.code-beat{min-height:0;padding:2rem 0;break-inside:avoid}.code-page{--paper:#fff;--white:#fff;--ink:#111;--muted:#444;--accent-ink:#aa4319}.code-source{margin-top:2rem}.code-comparison,.selected-table{margin-top:2rem}}
.stage-owner[data-review=true] .owner-mark{background:var(--accent);color:var(--paper)}
:root[data-theme=dark]{scroll-padding-top:0}
@media(max-width:59.999rem){.code-beat{align-items:center}}