/* One continuous research diagram; native scrolling chooses the next state. */
.autoresearch-page{--auto-measured:var(--task-baseline)}
.autoresearch-page .masthead{position:relative}
.auto-film{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.16fr)}
.auto-stage{grid-column:2;grid-row:1;position:sticky;top:0;height:100svh;min-height:620px;align-self:start;z-index:2}
.auto-visual{position:absolute;inset:2rem 1.5rem 4rem 0;overflow:hidden}
#auto-canvas{position:absolute;inset:4.5rem 0 4rem}
#auto-canvas canvas{width:100%;height:100%;display:block}
.auto-stage-heading{position:absolute;top:1.25rem;inset-inline:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;z-index:2}
.auto-stage-heading>span{color:var(--muted);font-size:.875rem}
.auto-stage-heading>strong{font:500 clamp(1.1rem,1.6vw,1.5rem)/1.3 var(--display)}
.auto-story{grid-column:1;grid-row:1;min-width:0}
.auto-beat{min-height:110svh;display:flex;align-items:center;padding:5rem 1.25rem 5rem var(--gutter);position:relative}
.auto-opening{min-height:calc(100svh - var(--header-height))}
.auto-copy{max-width:33rem;display:flex;flex-direction:column;gap:1.5rem}
.auto-copy h1{font-size:clamp(2.8rem,4.5vw,5.3rem)}
.auto-copy h2:not(.gain-heading){font-size:clamp(2.5rem,3.7vw,4.4rem)}
.auto-copy>p:not(.intro-label,.scroll-cue,.auto-support,.auto-static-note,.auto-budget){font-size:var(--type-body);color:var(--muted);max-width:32ch}
.auto-support{color:var(--ink);font-size:1rem;max-width:36ch}
.auto-copy .scroll-cue{font-size:.875rem;max-width:28ch;margin-top:1rem}
.auto-budget{display:flex;flex-direction:column;gap:.2rem;font-variant-numeric:tabular-nums}
.auto-budget strong{font:500 clamp(3rem,5vw,5rem)/1 var(--display);color:var(--accent-ink)}
.auto-budget>span{color:var(--muted);font-size:.875rem}
.auto-static-note{display:none}
.auto-stage-note{position:absolute;bottom:.5rem;inset-inline:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;font-size:.875rem;color:var(--muted)}
.auto-step-track{display:flex;gap:.4rem}.auto-step-track i{height:3px;width:23px;background:var(--line)}.auto-step-track .is-active{background:var(--accent)}
.auto-playback{position:absolute;bottom:1.2rem;inset-inline:1rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;font-size:.75rem;color:var(--muted)}
#activity-control{background:none;border:0;color:var(--muted);font:inherit;min-height:44px;padding:.25rem 0;cursor:pointer;white-space:nowrap}
#activity-control:hover{color:var(--accent-ink)}#activity-control:active{transform:translateY(1px)}#activity-control:focus-visible{outline:3px solid var(--accent-ink);outline-offset:4px}
.auto-labels{position:absolute;inset:0;pointer-events:none}
.auto-labels>span{position:absolute;left:0;top:0;opacity:0;font-size:.875rem;white-space:nowrap;color:var(--muted);padding:.15rem .3rem;background:var(--paper)}
.auto-exchange{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;opacity:0;pointer-events:none}
.auto-exchange>span{font-size:.875rem;color:var(--accent-ink)}.auto-exchange>strong{font:500 clamp(1.15rem,1.8vw,1.6rem)/1.3 var(--display);white-space:nowrap}
.auto-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;font-size:.875rem;color:var(--muted)}
.auto-webgl-ready .auto-fallback{display:none}
.auto-result-chart{position:absolute;inset:27% 8% auto 6%;opacity:0;pointer-events:none;font-variant-numeric:tabular-nums}
.auto-chart-row{margin-bottom:2rem}.auto-chart-row>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}
.auto-chart-row span{font-size:.875rem;color:var(--muted)}.auto-chart-row strong{font:500 2rem/1 var(--display)}
.auto-chart-row:nth-child(2) strong{color:var(--accent-ink)}.auto-bar-track{height:2.8rem;background:var(--subtle)}.auto-bar{display:block;height:100%;transform-origin:left}
.baseline-bar{width:96.58333%;background:var(--auto-measured)}.coordinated-bar{width:91.41667%;background:var(--accent)}
.auto-chart-scale{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--muted);margin-top:-1rem}
.auto-difference{display:flex;gap:1rem;align-items:center;margin-top:2.5rem}.auto-difference strong{font:500 4rem/1 var(--display);color:var(--accent-ink)}.auto-difference span{color:var(--muted);font-size:.875rem}
.auto-evidence .evidence-heading{display:flex;flex-direction:column;gap:1rem}
.auto-protocol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0 0 3rem;padding:0}.auto-protocol dt{font-size:.875rem;color:var(--muted);margin-bottom:.5rem}.auto-protocol dd{margin:0;font-size:1.1rem;font-weight:500}
.research-frontier{max-width:50rem;margin-top:3rem}.research-frontier h3{font:500 1.7rem/1.2 var(--display);margin-block:1rem}.research-frontier p:last-child{color:var(--muted)}
@media(min-width:90rem){.auto-copy{max-width:38rem}.auto-beat{padding-left:clamp(5rem,7vw,10rem)}.auto-visual{right:var(--gutter)}}
@media(max-width:59.999rem){
 .auto-film{display:grid;grid-template-columns:minmax(0,1fr)}.auto-stage{grid-area:1/1;height:40svh;min-height:265px;background:var(--paper);z-index:5}.auto-story{grid-area:1/1}
 .auto-visual{inset:0 var(--gutter) 2.1rem}.auto-stage-heading{top:.6rem;gap:.1rem}.auto-stage-heading>span{font-size:.75rem}.auto-stage-heading>strong{font-size:1.1rem}
 #auto-canvas{inset:3.3rem 0 2.5rem}.auto-stage-note{bottom:0;gap:.4rem;font-size:.75rem}.auto-step-track{gap:.25rem}.auto-step-track i{width:15px;height:2px}
 .auto-playback{bottom:0;inset-inline:var(--gutter);font-size:.75rem;min-height:32px}#activity-control{min-height:32px}
 .auto-beat{min-height:100svh;align-items:flex-end;padding:calc(max(40svh,265px) + 2rem) var(--gutter) 2.5rem}.auto-opening{min-height:calc(100svh - 88px);padding-bottom:2rem}
 .auto-copy{gap:1rem;max-width:40rem}.auto-copy h1{font-size:clamp(2.1rem,5.6vw,3.4rem)}.auto-copy h2:not(.gain-heading){font-size:clamp(2rem,5.4vw,3.3rem)}.auto-copy .scroll-cue{margin-top:0;max-width:36ch}
 .auto-labels>span{font-size:.75rem;padding:0 .2rem}.auto-exchange{top:47%}.auto-exchange>span{font-size:.75rem}.auto-exchange>strong{font-size:1rem}.auto-exchange{gap:.1rem}
 .auto-result-chart{inset:4.7rem 5% auto}.auto-chart-row{margin-bottom:1rem}.auto-chart-row>div:first-child{margin-bottom:.3rem;gap:.5rem}.auto-chart-row span{font-size:.75rem}.auto-chart-row strong{font-size:1.3rem}.auto-bar-track{height:1.2rem}.auto-chart-scale{margin-top:-.3rem;font-size:.75rem}.auto-difference{display:none}
 .auto-result-beat .gain-heading>strong{font-size:clamp(4rem,16vw,7rem)}.auto-result-beat .gain-heading>span{font-size:2rem}.auto-protocol{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
 .auto-film[data-chapter="5"] #auto-scene-note{display:none}
}
@media(max-width:370px){.auto-playback>span{max-width:15ch;line-height:1.2}.auto-copy{gap:.8rem}.auto-opening{padding-bottom:1.5rem}.auto-stage-heading>strong{font-size:1rem}}
html[data-motion=reduce] .auto-film{display:block}html[data-motion=reduce] .auto-stage{display:none}html[data-motion=reduce] .auto-beat{min-height:0;padding:3.5rem var(--gutter)}html[data-motion=reduce] .auto-static-note{display:block;color:var(--muted);font-size:.875rem}html[data-motion=reduce] .auto-copy .scroll-cue{display:none}
@media(prefers-reduced-motion:reduce){.auto-film{display:block}.auto-stage{display:none}.auto-beat{min-height:0;padding:3.5rem var(--gutter)}.auto-static-note{display:block;color:var(--muted);font-size:.875rem}.auto-copy .scroll-cue{display:none}}
@media print{.auto-stage{display:none}.auto-film{display:block}.auto-beat{min-height:0;padding:2rem 0}.auto-static-note{display:block}.auto-copy .scroll-cue{display:none}}