/* Compute publication tokens are inherited unchanged from compute-editorial.css. */
html{scroll-behavior:auto}body{overflow-x:clip;overflow-y:visible}.paper-head{max-width:860px;margin:64px auto 36px}.paper-head h1{font-size:clamp(2.6rem,5vw,4rem)}.standfirst{font:400 1.25rem/1.5 var(--serif);color:var(--gray)}
.opening{max-width:680px;margin:0 auto 55px}.opening .request{font:500 clamp(1.6rem,3vw,2rem)/1.4 var(--serif);border-left:2px solid var(--hair);padding-left:25px;margin:35px 0 28px}.opening>p:last-child{font-size:1.08rem}
.architecture{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:start;margin:0 0 50px}.architecture-stage{position:sticky;top:24px;min-width:0;margin:0;background:var(--paper);z-index:2}.figure-top{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--hair);padding:12px 0;font:500 .61rem/1.4 var(--sans);letter-spacing:.075em;color:var(--gray)}.scene-count{white-space:nowrap;font-variant-numeric:tabular-nums}
.stage-picture{position:relative;height:clamp(290px,48vh,460px)}.machine,.scene-annotations{position:absolute;inset:0}.machine canvas{display:block;width:100%;height:100%}.scene-annotations{pointer-events:none}.annotation{position:absolute;transform:translate(-50%,-50%);background:rgba(255,255,255,.92);padding:5px 8px;text-align:center;font:400 .65rem/1.4 var(--sans);color:var(--gray);max-width:175px;white-space:normal}.annotation b{display:block;color:var(--ink);font:500 .92rem/1.25 var(--tech);margin-bottom:3px}.annotation:after{content:'';display:block;width:30px;margin:6px auto 0;border-bottom:2px solid #76B900}
.resource-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 19px}.resource-strip>div{min-width:0}.resource-strip span{font:500 .72rem var(--tech);color:var(--ink)}.resource-strip i{display:block;height:2px;background:var(--hair);margin:7px 0}.resource-strip small{display:block;font:400 .6rem/1.3 var(--sans);color:var(--gray)}.resource-strip .active i{background:#76B900}.resource-strip .retained i{background:#2f2f2f}.scene-description{font:400 .91rem/1.5 var(--serif);min-height:65px;color:var(--body)}.scene-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:14px;color:var(--gray);font:400 .49rem/1.5 var(--sans);letter-spacing:.03em}.static-toggle{border:0;background:none;font:400 .62rem var(--sans);color:var(--gray);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0;white-space:nowrap}
.architecture-step{min-height:92vh;padding:17vh 0 13vh;scroll-margin-top:45px}.architecture-step:first-child{padding-top:65px}.architecture-step:last-child{min-height:95vh}.number{font:600 .66rem/1.5 var(--sans);letter-spacing:.1em;color:var(--red);display:block}.architecture-step h2{font:600 clamp(1.5rem,2.4vw,1.85rem)/1.2 var(--serif);margin:18px 0 25px;letter-spacing:-.015em}.architecture-step p{font:400 1.04rem/1.65 var(--serif);margin:0 0 1.1em}.architecture-step p:last-child{color:var(--body)}
.static-machine{display:flex;position:absolute;inset:20px;flex-direction:column;justify-content:center;gap:18px;text-align:center;font:400 .85rem/1.5 var(--serif)}.static-machine>div{border:1px solid #76B900;background:#f4f1ec;padding:15px}.static-machine b,.static-machine span{display:block}.static-machine b{font-family:var(--tech)}.static-machine span{font:400 .7rem var(--sans);margin-top:8px}.static-machine i{font:400 .65rem var(--sans)}.webgl-ready .static-machine{display:none}.manual-static .static-machine{display:flex}.manual-static .machine,.manual-static .scene-annotations{visibility:hidden}
.closing{padding:30px 0 50px}.ending{font:600 1.9rem/1.35 var(--serif);color:var(--ink)}.sources{max-width:680px;margin:20px auto 0;border-top:1px solid var(--hair);padding-top:24px;color:var(--gray);font:400 .78rem/1.7 var(--sans)}.sources h2{font-size:1.3rem;margin:0 0 20px}.sources ol{padding-left:20px;margin:20px 0}.sources li{padding:0 0 16px 5px}.sources details{border-top:1px solid var(--hair);padding:18px 0}.sources details p{margin-top:15px}footer{max-width:680px;margin:35px auto 0;font:400 .65rem var(--sans);color:var(--gray)}
@media(min-width:1200px){article{max-width:1160px}}
@media(max-width:800px){main{padding:0 20px 40px}.paper-head{margin:38px auto 25px}.paper-head h1{font-size:2.6rem}.standfirst{font-size:1.15rem}.opening{margin-bottom:35px}.architecture{display:block}.architecture-stage{top:0;padding-top:8px;border-bottom:1px solid var(--hair)}.stage-picture{height:260px}.figure-top{font-size:.55rem;padding:8px 0}.resource-strip{margin:6px 0 10px;gap:12px}.resource-strip span{font-size:.64rem}.resource-strip small{font-size:.52rem}.scene-description{font-size:.82rem;min-height:52px}.scene-meta{margin:0 0 8px;font-size:.43rem}.architecture-step{min-height:90vh;padding:11vh 0 12vh;scroll-margin-top:460px}.architecture-step:first-child{padding-top:40px}.architecture-step h2{font-size:1.65rem}.architecture-step p{font-size:1.02rem}.annotation{max-width:130px;font-size:.57rem;padding:3px 5px}.annotation b{font-size:.75rem}.annotation:after{margin-top:3px}.closing{padding-top:15px}.ending{font-size:1.6rem}}
@media(max-height:740px) and (max-width:800px){.stage-picture{height:190px}.resource-strip small{display:none}.scene-description{min-height:45px}.architecture-step{scroll-margin-top:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.future-intro{margin:70px auto 25px}.future-intro h2{margin:16px 0 22px}.future-story{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:start;margin:45px 0 65px}.future-figure{position:sticky;top:24px;margin:0;background:white}.future-figure canvas{width:100%;height:430px;display:block}.future-caption{font:400 .95rem/1.5 var(--serif);min-height:60px;margin:18px 0 12px}.future-note{font:400 .62rem/1.6 var(--sans);color:var(--gray)}.future-passages section{min-height:95vh;padding:15vh 0}.future-passages section:first-child{padding-top:40px}.future-passages h2{margin:16px 0 24px;font-size:1.8rem}.future-passages p{margin-bottom:1em}.future-passages p:last-child{color:var(--gray)}
@media(max-width:800px){.future-story{display:block}.future-figure{top:0;z-index:2;border-bottom:1px solid var(--hair);padding:8px 0 10px}.future-figure canvas{height:310px}.future-caption{font-size:.83rem;min-height:42px;margin:8px 0}.future-note{font-size:.53rem}.future-passages section{min-height:95vh;padding:10vh 0}.future-passages h2{font-size:1.6rem}}
@media(max-height:740px) and (max-width:800px){.future-figure canvas{height:250px}}

/* A short editorial opening reaches the hardware directly. */
.paper-head{margin:45px auto 24px}.paper-head h1{font-size:clamp(2.5rem,4.4vw,3.4rem)}.opening{margin:0 auto 35px}.architecture-step:first-child{padding-top:35px}.future-story{margin-top:70px}.future-passages section:last-child h2{font-size:2rem}.future-passages section:last-child p:last-child{color:var(--body)}
@media(max-width:800px){.paper-head{margin-top:30px}.paper-head h1{font-size:2.45rem}.opening{margin-bottom:24px}.future-passages section:last-child h2{font-size:1.75rem}}

.future-passages section{scroll-margin-top:55px}@media(max-width:800px){.future-passages section{scroll-margin-top:490px}}

.standfirst{color:var(--body)}.opening p:last-child{margin-bottom:0}.architecture-step{min-height:80vh;padding:12vh 0}.architecture-step:last-child{min-height:85vh}
.system-summary{max-width:820px;margin:55px auto 65px}.system-summary h2{margin:15px 0 25px}.system-summary figure{margin:0}.system-summary svg{display:block;width:100%;height:auto;font:400 16px var(--sans);color:var(--body)}.system-summary svg text{text-anchor:middle;fill:var(--body)}.system-summary .summary-lines{stroke:var(--hair);stroke-width:1.5}.system-summary .request-path,.system-summary .response-path{stroke:#2f2f2f}.vm-outline{fill:#fff;stroke:var(--ink);stroke-width:1}.window-rule{stroke:var(--hair)}.system-summary .vm-name{font:500 20px var(--serif)}.system-summary .vm-tag{font:500 12px var(--sans);letter-spacing:1px}.processor rect{fill:#f4f1ec;stroke:var(--ink)}.processor .die{fill:#dfecc8;stroke:#76B900}.system-summary .chip-name{font:600 25px var(--tech)}.system-summary .route-label{font-size:14px}.system-summary figcaption{max-width:680px;margin:15px auto 0;font:400 1.08rem/1.6 var(--serif);color:var(--body)}
@media(max-width:800px){.architecture-step{min-height:85vh;padding:10vh 0}.system-summary{margin:35px auto 45px}.system-summary svg{width:100%}.system-summary figcaption{font-size:1rem}.system-summary h2{font-size:1.5rem}}


/* One assembly sequence explains the software environment before the hardware. */
.workspace-assembly{position:relative;height:185vh;margin:40px auto 55px;max-width:850px}.assembly-stage{position:sticky;top:20px;margin:0;background:var(--paper);padding-bottom:20px}.assembly-title{text-align:center;font:600 1.75rem/1.25 var(--serif);margin:20px auto 8px;min-height:44px}.assembly-stage svg{display:block;width:100%;height:clamp(330px,55vh,500px);overflow:visible}.workspace-tool text{text-anchor:middle;font:400 16px var(--sans);fill:var(--body)}.vm-enclosure rect{fill:none;stroke:#76B900;stroke-width:1.5}.vm-enclosure path,.vm-resources path{fill:none;stroke:var(--hair);stroke-width:1.5}.vm-enclosure text,.vm-resources text{text-anchor:middle;fill:var(--body);font:500 16px var(--tech)}.vm-enclosure .vm-heading{font:500 14px var(--sans);letter-spacing:1px}.assembly-caption{max-width:620px;margin:10px auto 0;font:400 1.05rem/1.5 var(--serif);text-align:center;min-height:52px}
@media(max-width:800px){.workspace-assembly{height:170vh;margin:30px 0 40px}.assembly-stage{top:0;padding-top:8px}.assembly-title{font-size:1.45rem;min-height:60px;margin-top:18px}.assembly-stage svg{height:auto;aspect-ratio:560/470}.assembly-caption{font-size:1rem;min-height:75px}}
@media(prefers-reduced-motion:reduce){.workspace-assembly{height:auto;margin-bottom:50px}.assembly-stage{position:relative;top:auto}}

/* Continue the same assembly into an annotated VM cutaway. */
.workspace-assembly{height:270vh}.vm-cutaway{fill:none;stroke:var(--hair);stroke-width:1}.vm-cutaway .vm-shell{stroke:#76B900;stroke-width:1.5}.vm-cutaway text{stroke:none;fill:var(--body);text-anchor:middle;font:400 16px var(--sans)}.vm-cutaway .layer-title,.vm-cutaway .physical-host text{font:500 14px var(--tech);letter-spacing:.7px}.os-layer path{fill:#f4f1ec;stroke:var(--ink)}.resource-cell>path{stroke:#2f2f2f;stroke-width:1.4}.vm-cutaway .resource-purpose{font-size:12px;fill:var(--body)}.resource-cell>rect{fill:#fff;stroke:var(--hair)}
@media(max-width:800px){.workspace-assembly{height:250vh}}@media(prefers-reduced-motion:reduce){.workspace-assembly{height:auto}}

.workspace-assembly{height:300vh}.vm-cutaway .vm-empty{fill:var(--gray);font-size:14px}@media(max-width:800px){.workspace-assembly{height:285vh}}@media(prefers-reduced-motion:reduce){.workspace-assembly{height:auto}}

.agent-character text{text-anchor:middle;fill:var(--body);font:500 16px var(--sans)}.agent-character .agent-role{font:400 11px var(--sans)}.agent-badge{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:7px;padding:4px 7px;background:rgba(255,255,255,.94);font:400 .62rem/1.35 var(--sans);color:var(--body);z-index:1}.agent-badge svg{width:27px;height:38px;flex:none}.agent-badge b{display:block;font-weight:500}.flow-label{position:absolute;left:50%;top:46px;transform:translateX(-50%);background:rgba(255,255,255,.94);padding:4px 7px;font:500 .65rem/1.4 var(--sans);text-align:center;max-width:80%;color:var(--body)}

.assembly-caption{min-height:100px}.resource-cell.explaining>rect{stroke:#76B900;stroke-width:2;fill:#f4f1ec}.market-ending{max-width:820px;margin:55px auto}.market-ending h2{margin:14px 0 22px}.market-ending figure{margin:28px 0}.market-row{display:grid;grid-template-columns:170px 1fr 58px;gap:16px;align-items:center;margin:24px 0;font:400 .85rem var(--sans)}.market-row>div{height:18px}.market-row i{height:100%;display:block}.market-row b{font-weight:500;text-align:right}.market-ending figcaption{font:400 .7rem/1.6 var(--sans);color:var(--gray);margin-top:25px}@media(max-width:800px){.assembly-caption{min-height:145px}.market-row{grid-template-columns:115px 1fr 45px;gap:10px;font-size:.68rem}}
/* The opening names the workspace; the infrastructure explains its parts. */
.workspace-assembly{height:185vh}.assembly-caption{min-height:78px}
.agent-calculator{max-width:1000px;margin:65px auto}.agent-calculator h2{margin:16px 0 22px}.agent-calculator p{color:var(--body)}.demand-primary,.future-controls,.advanced-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}.agent-calculator label{display:flex;flex-direction:column;gap:10px;font:500 .73rem/1.4 var(--sans);color:var(--body)}.agent-calculator input,.agent-calculator select{width:100%;min-width:0;box-sizing:border-box;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:white;padding:10px 0;color:var(--ink);font:400 1.15rem var(--tech)}.agent-calculator input:focus-visible,.agent-calculator select:focus-visible{outline:2px solid #76B900;outline-offset:4px}.demand-flow{margin:35px 0 20px}.demand-flow svg{display:block;width:100%;height:auto}.flow-labels{font:500 12px var(--sans);fill:var(--body);letter-spacing:.4px}.return-path{stroke:var(--hair);fill:none}.return-label{font:400 12px var(--sans);fill:var(--body);text-anchor:middle}.demand-flow figcaption,.calculator-source,.forecast-note,.comparison-key{font:400 .7rem/1.6 var(--sans);color:var(--gray)}#motion-toggle{border:0;background:none;color:var(--body);font:400 .65rem var(--sans);text-decoration:underline;cursor:pointer}.demand-sentence{font:400 1.2rem/1.5 var(--serif);margin:25px 0}.demand-results{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin:30px 0}.demand-result{border-top:1px solid var(--hair);padding-top:14px}.demand-result span{font:500 .7rem var(--sans);text-transform:uppercase;letter-spacing:.06em}.demand-result strong{display:block;font:500 clamp(1.15rem,2.3vw,1.65rem)/1.4 var(--tech);margin:10px 0}.demand-result small{font:400 .7rem/1.5 var(--sans);color:var(--body);display:block}.result-2 strong{color:#2f2f2f}.demand-assumptions{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:20px 0;margin:30px 0 55px}.demand-assumptions summary{font:500 .82rem/1.5 var(--sans);cursor:pointer}.demand-assumptions p,.demand-method p{font:400 .83rem/1.65 var(--sans);margin:20px 0}.advanced-inputs{gap:24px}.demand-method h3{font:500 1.2rem var(--serif)}.future-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.future-equation{font:400 1.2rem var(--tech);margin:30px 0 15px}.comparison-row{display:grid;grid-template-columns:130px 1fr 65px;align-items:center;gap:20px;margin:22px 0;font:400 .8rem var(--sans)}.comparison-track{position:relative;height:20px;background:#f4f1ec}.comparison-track i{display:block;height:100%;transition:width .25s}.comparison-track b{position:absolute;top:-4px;bottom:-4px;border-left:1px solid #767370;max-width:100%}.comparison-row strong{text-align:right;font:500 1rem var(--tech)}#future-comparison>p:last-child{font:400 1rem/1.6 var(--serif);margin:30px 0}.calculator-close{font:400 1.3rem/1.55 var(--serif);margin:45px 0 20px;max-width:740px}.calculator-source{margin-top:25px}.demand-results[hidden]{display:none}
@media(max-width:800px){.workspace-assembly{height:175vh}.assembly-caption{min-height:110px}.demand-primary{grid-template-columns:1fr 1fr;gap:20px}.demand-primary label:last-child{grid-column:1/-1}.future-controls,.advanced-inputs{grid-template-columns:1fr 1fr;gap:22px 18px}.demand-results{gap:22px 18px}.agent-calculator{margin-top:35px}.demand-flow svg{min-height:165px}.comparison-row{grid-template-columns:95px 1fr 46px;gap:12px;font-size:.72rem}.demand-result strong{font-size:1.1rem}.future-equation{line-height:1.5}.demand-flow .flow-labels{font-size:14px}.calculator-close{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){.workspace-assembly{height:auto}.comparison-track i{transition:none}}
@media(max-width:500px){.demand-flow .flow-labels{font-size:23px;letter-spacing:0}.demand-flow .return-label{font-size:21px}}
/* Editorial pass: one trip, then one job's budget, then the fleet. */
.opening .opening-question{font:500 clamp(1.55rem,3vw,2rem)/1.35 var(--serif);margin:20px 0}.opening strong{font-weight:500}.calculator-premise{max-width:680px;margin:18px auto 30px;font:400 .86rem/1.55 var(--sans)}.calculator-step{font:600 .73rem/1.5 var(--sans);letter-spacing:.035em;border-top:1px solid var(--hair);padding-top:18px;margin:38px 0 18px;color:var(--body)}.job-budget{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.job-budget span{font:500 .7rem var(--sans);text-transform:uppercase}.job-budget strong{display:block;font:500 1.4rem/1.35 var(--tech);margin:10px 0}.job-budget p{font:400 .75rem/1.6 var(--sans);margin:0}.job-budget>div:first-child strong{color:#2f2f2f}.daily-equation{display:block;font:400 1.5rem/1.5 var(--tech);margin:10px 0 16px}.demand-sentence{font-size:1.05rem}.capacity-explainer{font:400 .83rem/1.65 var(--sans);max-width:800px;margin:25px 0}.demand-results{gap:30px 40px}.demand-result small{line-height:1.65}.sources>.source-disclosure{border-top:0;padding:0}.source-disclosure>summary{font:500 .9rem/1.5 var(--sans);color:var(--body);cursor:pointer}.source-disclosure>p{margin-top:20px}
@media(max-width:600px){.job-budget{grid-template-columns:1fr;gap:18px}.job-budget>div{display:grid;grid-template-columns:50px 1fr;gap:4px 14px}.job-budget span{grid-row:1/3;padding-top:5px}.job-budget strong{font-size:1.15rem;margin:0}.job-budget p{grid-column:2;font-size:.74rem}.demand-results{grid-template-columns:1fr;gap:24px}.demand-result strong{font-size:1.4rem}.daily-equation{font-size:1.15rem}.demand-primary{margin-top:15px}.demand-flow{margin-top:25px}.calculator-premise{font-size:.8rem}}
/* One caption below the intro; one scenario model at the conclusion. */
.assembly-explanation{max-width:640px;margin:10px auto 0;min-height:155px;text-align:center}.assembly-explanation .assembly-title{font-size:1.5rem;margin:10px 0;min-height:0}.assembly-explanation .assembly-caption{margin:0;min-height:0}.assembly-stage svg{height:clamp(300px,49vh,450px)}.agent-calculator .demand-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-calculator .calculator-premise{margin:0 0 25px;max-width:none}.job-budget>div:first-child strong{color:var(--ink)}.job-budget>div:last-child strong{color:#2f2f2f}.cpu-answer{padding:25px 0;border-top:1px solid var(--hair);margin:30px 0 20px}.cpu-answer>span{font:500 .7rem var(--sans);letter-spacing:.06em}.cpu-answer>strong{display:block;font:500 clamp(2.3rem,5vw,3.5rem)/1.3 var(--tech);margin:12px 0}.cpu-answer p{font:400 1rem/1.5 var(--serif);max-width:620px}.window-comparison{margin:25px 0 35px}.window-comparison figcaption{font:400 .75rem/1.6 var(--sans);color:var(--body)}.window-comparison .comparison-row{grid-template-columns:110px 1fr 90px}.window-comparison .comparison-track i{background:var(--hair)}.window-comparison .chosen .comparison-track i{background:#2f2f2f}.window-comparison .chosen>span{font-weight:600}.agent-calculator [hidden]{display:none!important}
@media(max-width:600px){.assembly-stage svg{height:auto;aspect-ratio:560/470}.assembly-explanation{min-height:180px}.assembly-explanation .assembly-title{font-size:1.35rem}.agent-calculator .demand-primary label:last-child{grid-column:auto}.window-comparison .comparison-row{grid-template-columns:80px 1fr 60px;gap:12px}.cpu-answer>strong{font-size:2.5rem}}
/* Compute calculator structure: compact inputs and live results together. */
.paper-head{max-width:760px;margin:48px auto 24px}.paper-head h1{font-size:clamp(2.4rem,4vw,3.2rem)}.standfirst{font-size:1.15rem}.opening{max-width:680px;margin:0 auto 24px}.opening p{font-size:1.05rem;line-height:1.65}.workspace-assembly{max-width:720px;height:160vh;margin:25px auto 35px}.assembly-stage svg{height:clamp(260px,40vh,350px)}.assembly-explanation{min-height:125px;max-width:590px}.assembly-explanation .assembly-title{font-size:1.3rem}.assembly-explanation .assembly-caption{font-size:.98rem}.compute-calculator{border:1px solid var(--hair);margin:28px 0}.calculator-context{padding:20px;border-bottom:1px solid var(--faint)}.fig-kicker{font:600 .65rem var(--sans);letter-spacing:.08em;color:var(--gray)}.calculator-context>p{font:400 .94rem/1.6 var(--serif);margin:12px 0}.calculator-context details{font:400 .78rem/1.6 var(--sans)}.calculator-context summary,.workload-inputs summary{cursor:pointer;font:500 .75rem/1.5 var(--sans)}.calculator-context details p{margin:14px 0}.factory-model-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:start}.scenario-model{padding:20px}.calculator-label{font:600 .72rem var(--sans);letter-spacing:.04em;color:var(--ink);margin:0 0 14px}.agent-calculator .scenario-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin:14px 0}.agent-calculator .scenario-inputs label{display:block}.scenario-inputs label span{display:block;font:500 .65rem/1.4 var(--sans);letter-spacing:.035em;text-transform:uppercase;color:var(--gray);margin-bottom:5px}.agent-calculator .scenario-inputs input,.agent-calculator .scenario-inputs select{min-height:44px;font:500 .92rem var(--sans);color:var(--ink);border:1px solid var(--hair);background:var(--paper);padding:8px 10px;border-radius:0}.factory-results{padding:20px;border-left:1px solid var(--faint);position:sticky;top:20px}.factory-results #live-results>div{padding:12px 0;border-bottom:1px solid var(--faint)}.factory-results #live-results>div:first-child{padding-top:0}.factory-results span{display:block;font:500 .68rem var(--sans);letter-spacing:.03em;text-transform:uppercase}.factory-results strong{display:block;font:500 1.65rem/1.4 var(--tech);margin:5px 0}.factory-results small{display:block;font:400 .7rem/1.55 var(--sans);color:var(--body)}.model-eq{font:italic 400 .85rem/1.5 var(--serif);margin:15px 0 0}.workload-inputs{border-top:1px solid var(--faint);padding-top:15px;margin-top:18px}.interactive-foot{border-top:1px solid var(--faint);padding:12px 20px;font:400 .68rem/1.5 var(--sans);color:var(--gray)}
@media(max-width:600px){.paper-head{margin-top:30px}.workspace-assembly{height:155vh}.assembly-stage svg{height:auto;max-height:310px;aspect-ratio:560/470}.assembly-explanation{min-height:155px}.factory-model-grid{grid-template-columns:1fr}.factory-results{grid-row:1;position:sticky;top:0;z-index:3;background:white;border-left:0;border-bottom:1px solid var(--hair);padding:12px 15px}.factory-results #live-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.factory-results #live-results>div{padding:0;border:0}.factory-results strong{font-size:1.05rem}.factory-results span{font-size:.55rem;line-height:1.4}.factory-results small{font-size:.58rem}.factory-results .model-eq{grid-column:1/-1;font-size:.7rem;margin:0}.factory-results>.calculator-label{margin-bottom:10px}.scenario-model,.calculator-context{padding:16px}.calculator-context>p{font-size:.9rem}.agent-calculator .scenario-inputs input,.agent-calculator .scenario-inputs select{font-size:.85rem;padding:8px}.interactive-foot{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.workspace-assembly{height:auto}}
.factory-results .primary-demand strong{color:#2f2f2f}.factory-results .primary-demand{padding-bottom:16px!important}.workload-inputs[open]>summary{margin-bottom:15px}
@media(max-width:600px){.factory-results #live-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.factory-results strong{font-size:1rem}.factory-results .primary-demand{padding-bottom:0!important}.factory-results small{font-size:.56rem}.factory-results .model-eq{font-size:.62rem}.factory-results{padding:10px 15px}}
.baseline-note{font:400 .72rem/1.6 var(--sans);margin:12px 0}
.factory-results .rack-comparison{padding:0 0 18px!important;margin-bottom:14px}.factory-results .rack-comparison strong{font:500 1.7rem/1.3 var(--tech);color:#2f2f2f;margin:10px 0}.factory-results .primary-demand strong{color:var(--ink)}.rack-comparison small{font-size:.75rem!important;line-height:1.55!important}
@media(max-width:600px){.factory-results #live-results>.rack-comparison{grid-column:1/-1;border-bottom:1px solid var(--hair);margin-bottom:0;padding-bottom:10px!important}.factory-results .rack-comparison strong{font-size:1.25rem;margin:5px 0}.rack-comparison small{font-size:.6rem!important}.factory-results small{font-size:.53rem}.factory-results .model-eq{display:none}}
/* Two quantities, two quiet visual fields. */
.simple-demand .factory-model-grid{grid-template-columns:1fr 1.1fr}.simple-demand .activity-input{grid-column:1/-1;margin-top:12px}.activity-value{display:flex;gap:14px;align-items:baseline;margin:12px 0}.activity-value output{font:500 1.7rem var(--tech)}.activity-value small{font:400 .72rem var(--sans);color:var(--gray)}.agent-calculator .simple-demand input[type=range]{padding:0;border:0;min-height:24px;accent-color:#2f2f2f;cursor:pointer}.simple-demand .factory-results strong{font:500 2rem/1.25 var(--tech)}.simple-demand .factory-results svg{width:100%;max-width:400px;height:auto;display:block;margin:14px 0 8px}.simple-demand svg circle,.simple-demand svg rect{transition:fill .2s,opacity .2s}.simple-demand .cpu-scale{margin-top:10px}.scale-takeaway{font:400 .95rem/1.6 var(--serif);margin:18px 0 0}.simple-demand #active-count{color:#2f2f2f}
@media(max-width:600px){.simple-demand .factory-model-grid{grid-template-columns:1fr}.simple-demand .factory-results #live-results{grid-template-columns:1fr 1fr;gap:14px}.simple-demand .factory-results strong{font-size:1.1rem}.simple-demand .factory-results svg{margin:8px 0;height:auto}.simple-demand .cpu-scale{margin-top:0}.simple-demand .scale-takeaway{grid-column:1/-1;font-size:.73rem;margin:0}.simple-demand .factory-results small{font-size:.56rem}.simple-demand .factory-results{padding:14px}.simple-demand .activity-input{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.simple-demand svg circle,.simple-demand svg rect{transition:none}}
.population-story{height:210vh;max-width:850px;margin:35px auto 40px}.population-stage{position:sticky;top:20px;background:white;margin:0;padding-bottom:20px}.population-stage svg{display:block;width:100%;height:clamp(200px,34vh,320px)}.population-stage figcaption{max-width:640px;margin:auto;text-align:center;min-height:180px}.population-stage h3{font:600 1.6rem/1.3 var(--serif);margin:10px 0 16px}.population-stage figcaption p{font:400 1.05rem/1.6 var(--serif);margin:0}.population-stage #population-unit{font:400 .72rem/1.5 var(--sans);color:var(--gray);margin-top:16px}.simple-demand .factory-results #live-results>div{padding:14px 0}.simple-demand .factory-results small{margin-top:8px}
@media(max-width:600px){.population-story{height:180vh}.population-stage{top:0;padding-top:10px}.population-stage h3{font-size:1.4rem}.population-stage figcaption p{font-size:.98rem}.population-stage figcaption{min-height:205px}.simple-demand .factory-results #live-results>div{padding:0}}
@media(prefers-reduced-motion:reduce){.population-story{height:auto}.population-stage{position:relative;top:auto}}
/* Resource budgets stay attached to the population they describe. */
.population-story{height:250vh}.population-stage svg{height:clamp(150px,26vh,230px)}.population-stage figcaption{max-width:760px;min-height:325px}.population-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:23px 0 18px;text-align:left}.population-resources>div{border-top:1px solid var(--hair);padding-top:10px}.population-resources span{font:500 .66rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.035em}.population-resources strong{display:block;font:500 1.4rem/1.4 var(--tech);margin:8px 0}.population-resources small{font:400 .69rem var(--sans)}.population-stage #population-resource-note{font:400 .69rem/1.5 var(--sans);color:var(--body);max-width:610px;margin:auto}.population-stage #population-unit{margin-top:10px}.population-stage h3{margin-top:0}
@media(max-width:600px){.population-story{height:235vh}.population-stage svg{height:170px}.population-resources{gap:12px;margin:18px 0 15px}.population-resources strong{font-size:.98rem;min-height:42px}.population-resources span{font-size:.57rem}.population-resources small{font-size:.6rem}.population-stage figcaption{min-height:360px}.population-stage figcaption p{font-size:.94rem}.population-stage #population-resource-note{font-size:.65rem}.population-stage #population-unit{font-size:.63rem}}
@media(max-height:720px){.population-stage svg{height:120px}.population-stage figcaption{min-height:0}.population-stage h3{font-size:1.25rem}.population-resources{margin:12px 0}.population-stage figcaption p{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.population-story{height:auto}}

/* Shared semantic identities from physical hardware through demand estimates. */
.resource-strip [data-resource=cpu]{--role-color:#2f2f2f}.resource-strip [data-resource=ram]{--role-color:#2D6DE4}.resource-strip [data-resource=storage]{--role-color:#8a8780}.resource-strip [data-resource=gpu]{--role-color:#76B900}
.resource-strip div i{background:var(--role-color);opacity:.25}.resource-strip div.active i,.resource-strip div.retained i{background:var(--role-color);opacity:1}.resource-strip span{color:var(--role-color)}.annotation:after{background:var(--role-color,#76B900)}
.population-resources>div:nth-child(1){border-color:#2f2f2f}.population-resources>div:nth-child(2){border-color:#2D6DE4}.population-resources>div:nth-child(3){border-color:#8a8780}.population-resources>div:nth-child(1) strong{color:#2f2f2f}.population-resources>div:nth-child(2) strong{color:#2D6DE4}.population-resources>div:nth-child(3) strong{color:#8a8780}
.simple-demand .cpu-scale strong{color:#2f2f2f}.simple-demand .demand-resources{display:grid;grid-template-columns:1fr 1fr;gap:12px}.simple-demand .demand-resources strong{font-size:1.35rem}.demand-ram strong{color:#2D6DE4}.demand-storage strong{color:#8a8780}.demand-resources>small{grid-column:1/-1}.demand-resources i{display:block;height:3px;background:#8a8780}.demand-resources .demand-load{background:linear-gradient(to right,#2D6DE4 var(--load),#dce8fa var(--load))}.simple-demand .demand-resources{grid-column:1/-1}
@media(max-width:600px){.simple-demand .demand-resources strong{font-size:1rem}.simple-demand .factory-results{position:relative}.simple-demand .demand-resources{gap:5px 14px}.resource-strip{gap:8px}.resource-strip span{font-size:.6rem}}

.annotation.selected:after{background:var(--role-color,#76B900)}

.resource-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.resource-strip [data-resource=hbm]{--role-color:#2D6DE4}.annotation.selected:after{border-color:var(--role-color,#76B900)}
@media(max-width:600px){.resource-strip{gap:6px}.resource-strip span{font-size:.58rem}.resource-strip small{font-size:.48rem}}
.simple-demand #active-count{color:#525252}
@media(max-width:600px){.simple-demand .factory-results{position:sticky;top:0}}

.chip-equivalent{display:flex;gap:12px;align-items:center;margin:18px 0 6px}.simple-demand .chip-equivalent svg{width:40px;height:40px;margin:0;flex:none;fill:#dfecc8;stroke:#2f2f2f;stroke-width:1.2}.chip-equivalent b{display:block;font:500 1.15rem/1.4 var(--tech);color:#2f2f2f;margin-top:4px}.chip-equivalent span{font-size:.58rem}.simple-demand .chip-equivalent+small{font-size:.65rem}
@media(max-width:600px){.chip-equivalent{gap:6px;margin:10px 0 4px}.simple-demand .chip-equivalent svg{width:24px;height:24px}.chip-equivalent b{font-size:.8rem}.chip-equivalent span{font-size:.45rem}.simple-demand .chip-equivalent+small{font-size:.5rem}}

.resource-strip [data-resource=cpu]{--role-color:#2f2f2f}.simple-demand .chip-equivalent svg{fill:#e9e4dc;stroke:#2f2f2f}
.shipment-context{font:400 .83rem/1.6 var(--serif);padding:16px 20px;border-top:1px solid var(--hair);margin:0}.shipment-context b{font-weight:600}

/* Restore the distinct component palette after the three-color review. */
.resource-strip [data-resource=cpu]{--role-color:#5a8f00}.resource-strip [data-resource=gpu]{--role-color:#8061B0}.resource-strip [data-resource=hbm]{--role-color:#168C87}.resource-strip [data-resource=storage]{--role-color:#9b7627}
.population-resources>div:nth-child(1){border-color:#5a8f00}.population-resources>div:nth-child(1) strong,.simple-demand .cpu-scale strong,.chip-equivalent b{color:#5a8f00}.population-resources>div:nth-child(3){border-color:#9b7627}.population-resources>div:nth-child(3) strong,.demand-storage strong{color:#9b7627}.demand-resources i{background:#9b7627}.simple-demand .chip-equivalent svg{fill:#dfecc8;stroke:#5a8f00}

/* Hold hardware at Compute green while composition is refined. */
.resource-strip [data-resource]{--role-color:#5a8f00}
.population-resources>div{border-color:#5a8f00!important}.population-resources>div strong,.demand-ram strong,.demand-storage strong{color:#5a8f00!important}.demand-resources i{background:#5a8f00}.demand-resources .demand-load{background:linear-gradient(to right,#5a8f00 var(--load),#dfecc8 var(--load))}.simple-demand .cpu-scale strong{color:#5a8f00}

/* Market participants share Compute’s disclosure and table styling. */
.market-table-scroll,.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.market{margin:18px 0 6px;border-top:1px solid var(--faint);border-bottom:1px solid var(--faint)}
.market-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:9px 2px;cursor:pointer;list-style:none}
.market-summary::-webkit-details-marker{display:none}
.market-summary::after{content:"+";flex:0 0 auto;font:400 1rem var(--sans);color:var(--gray)}
.market[open]>.market-summary::after{content:"−"}
.market-summary:hover .market-title{color:var(--blue)}
.market-body{padding:1px 2px 12px}
.market-note{font:400 .8rem/1.55 var(--sans);color:var(--gray);margin:6px 0 10px}
.market-note a{color:var(--blue);text-decoration:none}
.market-table{width:100%;min-width:640px;border-collapse:collapse;font:400 .82rem var(--sans)}
.market-title{font:600 1.06rem var(--serif);color:var(--ink)}
.market-count{margin-left:auto;font:400 .74rem var(--sans);color:var(--gray)}
.market-table th{font:600 .74rem/1.35 var(--sans);color:#625f5b;text-align:left;vertical-align:bottom;border-bottom:1px solid var(--hair);padding:9px 10px 7px;white-space:normal}
.market-table th.num,.market-table td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.market-table td{border-bottom:1px solid var(--faint);padding:9px 10px;vertical-align:top;color:var(--body);overflow-wrap:anywhere}
.market-table td.co a{font-weight:600;color:var(--ink);text-decoration:none}
.market-table td.co a:hover{color:var(--blue)}
.market-table td.co span{display:block;font:400 .7rem var(--sans);color:var(--gray)}
.market-table td.role{color:var(--gray);font-size:.78rem}

.resource-strip [data-resource=ram],.resource-strip [data-resource=hbm]{--role-color:#587e9f}.resource-strip [data-resource=storage]{--role-color:#777970}
.market-table{min-width:0;table-layout:fixed}.market-table th:nth-child(1){width:19%}.market-table th:nth-child(2){width:24%}.market-table td{line-height:1.5}.market-note{color:var(--body)}
@media(max-width:600px){.market-table{font-size:.69rem}.market-table th{font-size:.64rem}.market-table td,.market-table th{padding:9px 5px}.market-table th:nth-child(1){width:24%}.market-table th:nth-child(2){width:25%}.market-note{font-size:.72rem}}

/* Memory is distinct by location, geometry, label and accent. */
.resource-strip [data-resource=ram]{--role-color:#527d9e}.resource-strip [data-resource=hbm]{--role-color:#a36158}
.architecture-step .resource-reading{border-top:1px solid var(--hair);padding-top:14px;margin-top:22px;font:400 .78rem/1.6 var(--sans);color:var(--body)}
.resource-strip i{transition:opacity .2s,background-color .2s}
@media(max-width:800px){.architecture-step .resource-reading{font-size:.76rem}}

/* Keep the drawing itself dominant; labels stay quiet and legible. */
.scene-annotations .annotation{background:rgba(255,255,255,.95);padding:4px 7px}.scene-annotations .annotation b{font-family:var(--sans);font-size:.78rem;font-weight:500}.scene-annotations .annotation:after{width:22px;border-bottom-width:1px}.scene-annotations .flow-label{font-size:.64rem}

.resource-strip [data-resource=ram],.resource-strip [data-resource=hbm],.resource-strip [data-resource=storage]{--role-color:#777b72}


.cpu-work-story{height:260vh;max-width:820px;margin:25px auto 45px}.cpu-work-story>figure{position:sticky;top:18px;margin:0;background:white;padding-bottom:20px}.cpu-work-story svg{width:100%;height:clamp(190px,33vh,310px);display:block}.cpu-work-story figcaption{max-width:720px;margin:auto}.cpu-work-story h3{font:600 1.6rem/1.3 var(--serif);margin:12px 0 16px}.cpu-work-caption{font:400 1.01rem/1.65 var(--serif);margin:0}.cpu-work-equation{font:500 .93rem/1.5 var(--tech);padding:15px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin:20px 0 12px}.cpu-work-note{font:400 .67rem/1.5 var(--sans);color:var(--gray);margin:0}.cpu-benchmark-bridge{max-width:720px;margin:0 auto 60px}.cpu-benchmark-bridge h2{font:600 1.6rem/1.3 var(--serif)}.cpu-benchmark-bridge p{font:400 1.03rem/1.65 var(--serif)}
@media(max-width:600px){.cpu-work-story{height:255vh}.cpu-work-story>figure{top:0;padding-top:8px}.cpu-work-story svg{height:190px}.cpu-work-story h3{font-size:1.3rem}.cpu-work-caption{font-size:.91rem;line-height:1.55}.cpu-work-equation{font-size:.78rem;margin:15px 0 10px;padding:12px 0}.cpu-work-note{font-size:.62rem}.cpu-benchmark-bridge p{font-size:.96rem}}
@media(prefers-reduced-motion:reduce){.cpu-work-story{height:auto}.cpu-work-story>figure{position:relative}}

.cpu-work-simple{max-width:820px;margin:30px auto 65px}.cpu-work-simple .prose{max-width:720px;margin:auto}.cpu-work-simple h2{font:600 1.65rem/1.3 var(--serif)}.cpu-work-simple p{font:400 1.03rem/1.65 var(--serif)}.work-example{margin:35px 0;padding:24px 0;border-top:1px solid var(--hair)}.work-example figcaption>span,.work-scale>span{font:500 .66rem/1.5 var(--sans);letter-spacing:.04em;color:var(--gray)}.work-example h3{font:600 1.35rem/1.3 var(--serif);margin:10px 0 24px}.work-example svg{display:block;width:100%;height:auto}.work-example svg text{font:13px Inter,sans-serif;fill:#52534c}.work-example svg .work-answer{font-size:18px;fill:#1c1b1a}.work-example>p{max-width:720px;margin:18px auto 0}.work-scale{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:24px 0;margin:25px 0 30px}.work-scale p{font:400 1.1rem/1.9 var(--sans)}.work-scale b{color:#5a8f00;font-weight:500}
@media(max-width:600px){.cpu-work-simple h2{font-size:1.4rem}.cpu-work-simple p{font-size:.94rem}.work-example h3{font-size:1.2rem}.work-scale p{font-size:.95rem}.work-example svg text{font-size:15px}}

.work-animate svg g[fill] rect{transform-box:fill-box;transform-origin:left;transform:scaleX(0);transition:transform .65s ease}.work-visible svg g[fill] rect{transform:scaleX(1)}.work-animate svg g[fill] rect:nth-child(2){transition-delay:.12s}.work-animate svg g[fill] rect:nth-child(3){transition-delay:.24s}.work-animate svg g[fill] rect:nth-child(4){transition-delay:.36s}.work-animate svg g[fill] rect:nth-child(5){transition-delay:.48s}

.scenario-method{font:400 .86rem/1.6 var(--serif);margin:12px 0 18px}.simple-demand .scenario-inputs{grid-template-columns:1fr}.scenario-inputs label>small{display:block;font:400 .68rem/1.5 var(--sans);margin-top:8px;color:var(--gray)}.scenario-model #calculator-method{font:400 .73rem/1.6 var(--sans);margin-top:16px}.scenario-model #calculator-method summary{font:500 .72rem/1.5 var(--sans);cursor:pointer}.scenario-model #calculator-method p{margin:14px 0}.simple-demand .factory-results #live-results{display:block}.simple-demand .factory-results .demand-resources{display:grid}.simple-demand .cpu-scale{margin-top:0}.simple-demand .scale-takeaway{margin-top:16px}

/* Demand follows the same editorial grammar as the infrastructure: a visible
   mechanism, its explanation, then a clearly labeled quantitative scenario. */
.demand-story{max-width:900px;margin:60px auto}.demand-story>.prose{max-width:720px;margin:0 auto}.demand-story h2{font:600 1.9rem/1.22 var(--serif)}.demand-story p{font:400 1.04rem/1.65 var(--serif);color:var(--body)}
.demand-figure{--reveal:1;margin:50px 0 65px;padding-top:20px;border-top:1px solid var(--hair)}.demand-figure .figure-top{padding:0 0 22px;gap:16px;font-size:.64rem}.demand-figure svg{display:block;width:100%;height:auto;overflow:visible}.demand-figure svg text{font:13px var(--sans);fill:var(--ink)}.demand-figure svg text.quiet{fill:#777970;font-size:12px}.demand-trace path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--reveal))}.demand-reveal{opacity:calc(.25 + var(--reveal)*.75)}
.demand-key{display:flex;gap:24px;font:400 .72rem/1.5 var(--sans);margin:0 0 24px 3%}.demand-key span{display:flex;align-items:center;gap:8px}.demand-key i{width:10px;height:10px;background:#5a8f00;border-radius:50%}.demand-key span+span i{background:#1c1b1a;border-radius:0}.demand-figure figcaption{max-width:720px;margin:24px auto 0}.demand-figure h3{font:600 1.5rem/1.3 var(--serif);margin:0 0 18px}.demand-figure details{font:400 .74rem/1.6 var(--sans);border-top:1px solid var(--hair);padding-top:12px}.demand-figure details p{font:400 .76rem/1.6 var(--sans)}.demand-figure summary{cursor:pointer}
.benchmark-layout{display:grid;grid-template-columns:1.1fr 1fr .9fr;align-items:center;gap:30px;padding:30px 10px 35px}.benchmark-work>span{font:500 .72rem var(--sans)}.benchmark-work p{font:400 .76rem/1.4 var(--sans);border-bottom:1px solid var(--hair);padding-bottom:10px;margin:15px 0}.benchmark-chip{text-align:center}.benchmark-cores{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-width:180px;padding:12px;border:1px solid #777970;margin:0 auto 15px;background:#f5f5f1}.benchmark-cores i{aspect-ratio:1;background:#5a8f00;opacity:calc(.18 + var(--reveal)*.82)}.benchmark-chip strong{display:block;font:500 .78rem/1.5 var(--sans)}.benchmark-chip>span{font:400 .65rem/1.5 var(--sans);color:var(--gray)}.benchmark-result strong{display:block;font:500 3.8rem/1 var(--tech);color:#5a8f00}.benchmark-result>span{display:block;font:400 .76rem/1.5 var(--sans);margin-top:15px}
.growth-chart{padding:22px 0 30px}.growth-row{display:grid;grid-template-columns:210px 1fr 50px;align-items:center;gap:20px;padding:13px 0;font:400 .8rem/1.4 var(--sans)}.growth-row>div{height:22px;border-left:1px solid var(--hair)}.growth-row i{display:block;height:100%;width:var(--bar);background:#abc875;transform:scaleX(var(--reveal));transform-origin:left}.growth-row b{font:500 1.15rem var(--tech);text-align:right}.growth-capacity{border-top:1px solid var(--hair);margin-top:13px;padding-top:22px}.growth-capacity i{background:#5a8f00}.growth-capacity b{color:#5a8f00}.demand-ending{border-top:1px solid var(--hair);padding-top:20px}.demand-ending p{font-size:1.2rem}
@media(max-width:600px){.demand-story{margin:40px auto}.demand-story h2{font-size:1.55rem}.demand-story p{font-size:.96rem}.demand-figure{margin:35px 0 45px}.demand-figure .figure-top{font-size:.53rem;align-items:start}.demand-figure .figure-top span:last-child{text-align:right}.demand-figure h3{font-size:1.35rem}.demand-key{font-size:.59rem;gap:12px;margin-left:0}.benchmark-layout{grid-template-columns:1fr 1fr;gap:20px;padding:10px 0 20px}.benchmark-work{grid-column:1/-1}.benchmark-work p{display:inline-block;font-size:.67rem;margin:12px 8px 10px 0}.benchmark-cores{max-width:145px}.benchmark-result strong{font-size:3.4rem}.growth-row{grid-template-columns:135px 1fr 34px;gap:10px;font-size:.68rem}.growth-row b{font-size:.95rem}.demand-ending p{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.demand-figure{--reveal:1!important}}
.demand-mobile-flow{display:none}.growth-row small{font:400 .65rem var(--sans);color:var(--gray)}
@media(max-width:600px){.demand-figure:first-of-type>svg{display:none}.demand-mobile-flow{display:block;font:400 .72rem var(--sans);padding:5px 0 20px}.demand-mobile-flow>p{text-align:center;font:500 .82rem var(--sans);margin:12px 0}.demand-mobile-flow>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:18px 0}.demand-mobile-flow section{display:grid;gap:14px;align-content:start;border-left:2px solid #5a8f00;padding-left:10px}.demand-mobile-flow b{font-weight:500}.demand-mobile-flow span{font-size:.67rem;line-height:1.6}.demand-mobile-flow .model-step{color:#5a8f00}.demand-mobile-flow small{font-size:.59rem;color:var(--gray)}.demand-mobile-flow section{opacity:calc(.3 + var(--reveal)*.7)}}
.benchmark-work>span{display:block;margin-bottom:8px}
@media(max-width:600px){.demand-mobile-flow section{position:relative;border-left:2px solid var(--hair)}.demand-mobile-flow section:before{content:"";position:absolute;left:-2px;top:0;width:2px;height:100%;background:#5a8f00;transform:scaleY(var(--reveal));transform-origin:top}}

/* Motion45: legible, staged activity rather than a nearly invisible reveal. */
.demand-motion-control{max-width:720px;margin:16px auto -24px}.demand-motion-toggle{border:0;border-bottom:1px solid var(--hair);background:none;padding:5px 0;color:var(--gray);font:400 .7rem var(--sans);cursor:pointer}.demand-motion-toggle:focus-visible{outline:2px solid #5a8f00;outline-offset:4px}.demand-packet{fill:#5a8f00;stroke:white;stroke-width:3}.demand-reveal circle,.demand-reveal rect{transition:opacity .3s,filter .3s}.demand-reveal .node-working{filter:drop-shadow(0 0 5px #91b955)}.demand-motion-status{max-width:720px;min-height:2.8em;margin:12px auto 25px!important;font:500 .78rem/1.5 var(--sans)!important;color:#507c08!important}.benchmark-work p{position:relative;transition:color .25s,transform .4s}.benchmark-work p:before{content:"";position:absolute;left:-13px;top:5px;width:5px;height:5px;background:#5a8f00;opacity:0}.benchmark-work .work-arriving{color:#5a8f00;transform:translateX(7px)}.benchmark-work .work-arriving:before{opacity:1}.benchmark-cores i{transform-origin:center}.growth-row{transition:opacity .3s}.growth-current>span{color:#507c08}.demand-mobile-flow span{transition:background .3s,color .3s,transform .3s}.demand-mobile-flow .mobile-working{background:#e6eed8;transform:translateX(4px);color:#507c08}
@media(max-width:600px){.demand-motion-status{font-size:.72rem!important;min-height:4.5em}.benchmark-work{padding-left:8px}}
@media(prefers-reduced-motion:reduce){.demand-motion-control{display:none}.demand-packet{display:none}.demand-figure *{transition:none!important}}

/* Scroll46: hold each illustration in view while scroll drives its timeline.
   Prose follows in normal document flow. Without JS, figures remain complete. */
.demand-scroll-track{height:calc(var(--stage-height) + 100vh);position:relative}.demand-scroll-stage{position:sticky;top:20px;background:white;padding:0 0 12px}.demand-scroll-stage .demand-motion-status{margin-bottom:0!important}.demand-scroll-stage .demand-reveal circle,.demand-scroll-stage .demand-reveal rect,.demand-scroll-stage .benchmark-work p,.demand-scroll-stage .growth-row,.demand-scroll-stage .demand-mobile-flow span{transition:none}.demand-scroll-stage .figure-top:after{content:'Scroll to follow';color:var(--gray);font-size:.6rem;white-space:nowrap}.demand-scroll-stage .figure-top{flex-wrap:wrap}.demand-scroll-stage .figure-top>span:nth-child(2){margin-left:auto}
@media(max-width:600px){.demand-scroll-stage{top:12px}.demand-figure:first-of-type .demand-scroll-stage>svg{display:none}.demand-scroll-stage .figure-top:after{width:100%;font-size:.55rem}.demand-scroll-track{height:calc(var(--stage-height) + 110vh)}}
@media(prefers-reduced-motion:reduce){.demand-scroll-track{height:auto}.demand-scroll-stage{position:relative;top:auto}.demand-scroll-stage .figure-top:after{display:none}}

/* Detail47: persistent worked examples, spacious figure + adjacent prose.
   Reference: Benchmarks build-motion.js and scroll-story.css. */
.demand-story{max-width:1180px}.demand-figure{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:start;margin:60px 0 80px;padding-top:0;border-top:0}.demand-figure figcaption{position:sticky;top:105px;margin:85px 0 0}.demand-figure figcaption p{font-size:.98rem;line-height:1.65}.demand-scroll-stage{top:30px;border:1px solid #dcded5;padding:20px 20px 16px;background:#fbfcf8}.demand-scroll-track{height:calc(var(--stage-height) + 125vh)}.demand-progress{position:absolute;top:-1px;left:0;width:calc(var(--progress,1)*100%);height:3px;background:#5a8f00}.demand-scroll-stage .figure-top{font-size:.55rem;line-height:1.5;padding-bottom:14px;color:#666b5f}.demand-scroll-stage .figure-top:after{display:none}.demand-motion-status{font:400 .8rem/1.55 var(--sans)!important;color:var(--ink)!important;min-height:5em;border-top:1px solid #dcded5;padding-top:14px;margin-top:16px!important}.demand-scroll-stage svg text{font:400 14px var(--sans);fill:#262b22}.demand-scroll-stage svg .drawing-overline,.demand-scroll-stage svg .panel-eyebrow{font:500 11px var(--sans);letter-spacing:.06em;fill:#61724f}.demand-scroll-stage svg .drawing-prompt{font:500 16px var(--serif);fill:#262b22}.demand-scroll-stage svg .window-outline{fill:white;stroke:#858f78;stroke-width:1}.demand-scroll-stage svg .window-rule,.demand-scroll-stage svg .record-rule{fill:none;stroke:#d8ddd1}.demand-scroll-stage svg .address,.demand-scroll-stage svg .small-label{font-size:11px;fill:#6c7365}.demand-scroll-stage svg .panel-heading{font:500 17px var(--serif)}.demand-scroll-stage svg .price-selection{fill:#e5efcf}.demand-scroll-stage svg .panel-purpose{font-size:12px;fill:#527d0d}.demand-scroll-stage svg .code-line{font:13px var(--tech);fill:#527d0d}.demand-scroll-stage svg .quiet-code{fill:#7b8572}.demand-scroll-stage .execution-drawing{height:390px;max-height:47vh;width:100%;display:block!important}.execution-footnote{font:400 .61rem/1.5 var(--sans);color:var(--gray);margin:0 0 12px}.demand-scroll-stage .benchmark-drawing{margin:14px 0;height:auto}.bench-job path{fill:white;stroke:#8d9781;stroke-width:1}.chip-substrate{fill:#dce3d2;stroke:#7b886b}.chip-rim{fill:#eff3e7;stroke:#8b967c}.bench-core rect{fill:#608f1f}.bench-core path{fill:none;stroke:#d6e8b3;stroke-width:1}.bench-memory rect{fill:#e2e6dc;stroke:#849175}.bench-memory path{fill:#aebba1;stroke:#849175}.demand-scroll-stage svg .chip-caption{font:500 20px var(--serif)}.benchmark-evidence{display:flex;align-items:center;gap:20px;padding:16px 0 4px;border-top:1px solid #dcded5}.benchmark-evidence strong{font:500 3.2rem var(--tech);color:#5a8f00}.benchmark-evidence p{font:400 .79rem/1.5 var(--sans);margin:0}.benchmark-evidence span{display:block;font-size:.62rem;margin-top:5px;color:var(--gray)}
.capacity-heading{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font:500 .55rem var(--sans);color:#6c7365;margin:22px 0 0}.capacity-display{display:flex;flex-direction:column}.capacity-display svg{width:100%}.capacity-display svg text{font:400 12px var(--sans)}.tile-shell{fill:#e1ebd0;stroke:#7d9361;stroke-width:1}.tile-work,.tile-extra{fill:none;stroke:#5a8f00;stroke-width:2}.tile-extra{opacity:0}.capacity-number{display:flex;align-items:center;gap:20px;padding:15px 0 22px}.capacity-number strong{font:500 3rem/1 var(--tech);color:#5a8f00;min-width:100px}.capacity-state{font:500 .9rem var(--serif)}.capacity-factors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid #dcded5;padding-top:15px;font:400 .6rem/1.4 var(--sans)}.capacity-factors b{display:block;font:500 1.1rem var(--tech);margin-top:5px}.demand-scroll-stage .execution-static{height:auto;max-height:none}
@media(max-width:900px){.demand-figure{gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.demand-scroll-stage{padding:15px}.demand-figure figcaption p{font-size:.88rem}.demand-figure h3{font-size:1.3rem}}
@media(max-width:650px){.demand-figure{display:block;margin:45px 0}.demand-scroll-stage{top:12px;padding:12px 14px;max-width:440px;margin:auto}.demand-scroll-stage .execution-drawing{height:310px;max-height:38vh}.demand-scroll-stage .benchmark-drawing{height:210px}.demand-scroll-stage .figure-top{font-size:.5rem;gap:8px}.demand-motion-status{font-size:.72rem!important;min-height:5em!important}.demand-figure figcaption{position:static;margin:25px 0 0}.demand-figure figcaption p{font-size:.96rem}.benchmark-evidence strong{font-size:2.5rem}.benchmark-evidence p{font-size:.7rem}.capacity-display svg{max-height:215px}.capacity-number{padding:10px 0 16px}.capacity-number strong{font-size:2.4rem;min-width:80px}.capacity-factors{padding-top:10px}.execution-footnote{font-size:.53rem}}
@media(prefers-reduced-motion:reduce){.demand-figure{display:block}.demand-scroll-stage{position:relative;top:0;max-width:800px;margin:auto}.demand-figure figcaption{position:static;max-width:720px;margin:24px auto}.demand-scroll-track{height:auto}}
.demand-scroll-stage svg .persistent-price{font:500 14px var(--tech)}.demand-scroll-stage svg .price-0{fill:#4875a3}.demand-scroll-stage svg .price-1{fill:#5a8f00}.demand-scroll-stage svg .price-2{fill:#a07138}
.benchmark-work-labels{display:flex;justify-content:space-between;gap:10px;margin:20px 0 0;font:400 .61rem/1.5 var(--sans)}.benchmark-work-labels span{border-bottom:2px solid #e0e4da;padding-bottom:7px;color:#89907f}.benchmark-work-labels span.active{border-color:#5a8f00;color:#365c09}.demand-scroll-stage .benchmark-drawing{height:260px;margin:12px 0}.demand-scroll-stage .benchmark-drawing .small-label{font-size:13px}
@media(max-width:650px){.demand-scroll-stage .benchmark-drawing{height:210px}.benchmark-work-labels{font-size:.56rem;gap:7px;margin-top:10px}}

/* Work48: one request, repeated work, shared execution. */
.work-accumulation{max-width:1120px;margin:65px auto}.work-accumulation>.prose{max-width:720px;margin:0 auto}.work-accumulation h2{font:600 1.8rem/1.25 var(--serif)}.work-accumulation p{font:400 1.03rem/1.65 var(--serif)}.work-scroll{margin:45px 0}.work-stage{position:relative;border:1px solid #dce0d5;background:#fbfcf8;padding:22px;margin:0 0 30px;overflow:hidden}.work-stage-progress{position:absolute;top:0;left:0;height:3px;background:#5a8f00;width:100%}.work-stage-heading{display:flex;justify-content:space-between;font:500 .62rem var(--sans);letter-spacing:.04em;color:#6a7262;margin-bottom:20px}.work-stage svg{width:100%;height:auto;display:block}.work-stage svg text{font:400 17px var(--sans);fill:#30392a}.work-stage svg .work-request{font:500 23px var(--serif)}.work-stage svg .lane-owner{font:500 13px var(--sans);fill:#65814a}.work-item rect{fill:white;stroke:#a9b599}.work-item path{stroke:#5a8f00;fill:none;stroke-width:1.4}.work-current rect{fill:#e2edcf;stroke:#5a8f00}.work-route,.fleet-spine{fill:none;stroke:#91a875;stroke-width:1.5}.server-outline{fill:#e0e7d5;stroke:#7e9069}.execution-core{fill:#5a8f00}.server-ports{stroke:#81966b;stroke-width:2}.work-stage svg .fleet-label{font:500 13px var(--sans);letter-spacing:.06em;fill:#61704f}.work-stage .work-live-caption{border-top:1px solid #dce0d5;margin:18px 0 10px;padding-top:16px;font:500 .86rem/1.5 var(--serif);min-height:3.8em}.work-stage figcaption{font:400 .64rem/1.5 var(--sans);color:#6a7262}.work-beat{padding:30px 0}.work-beat>span{font:500 .63rem var(--sans);letter-spacing:.04em;color:#68735d}.work-beat h3{font:500 1.7rem/1.2 var(--serif);margin:15px 0 22px}.work-beat p{margin:0 0 16px}.work-enhanced{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:start}.work-enhanced .work-stage{position:sticky;top:38px}.work-enhanced .work-beat{min-height:90vh;padding:16vh 0}.work-conclusion{border-top:1px solid var(--hair);padding-top:30px}.work-conclusion p{margin:20px 0}.work-evidence{margin:25px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:15px 0}.work-evidence summary{font:500 .78rem var(--sans);cursor:pointer}.work-evidence p{font:400 .8rem/1.65 var(--sans)}
@media(max-width:900px){.work-enhanced{gap:28px}.work-stage{padding:16px}.work-beat h3{font-size:1.45rem}.work-beat p{font-size:.95rem}}
@media(max-width:650px){.work-accumulation{margin:40px auto}.work-enhanced{display:block}.work-enhanced .work-stage{top:8px;z-index:2;padding:12px;margin-bottom:0}.work-stage-heading{font-size:.52rem;margin-bottom:10px}.work-stage svg{max-height:245px}.work-stage .work-live-caption{font-size:.78rem;margin:8px 0 5px;padding-top:9px;min-height:3em}.work-stage figcaption{font-size:.55rem}.work-enhanced .work-beat{min-height:75vh;padding:12vh 3px 15vh}.work-beat h3{font-size:1.5rem}.work-accumulation h2{font-size:1.55rem}.work-accumulation p{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.work-enhanced{display:block}.work-enhanced .work-stage{position:relative;top:0;max-width:650px;margin:0 auto 25px}.work-enhanced .work-beat{min-height:0;padding:25px 0;max-width:720px;margin:auto}}
.work-scale-result{display:flex;align-items:center;gap:16px;border-top:1px solid #dce0d5;padding-top:14px;margin-top:16px}.work-scale-result strong{font:500 2.7rem/1 var(--tech);color:#5a8f00}.work-scale-result span{font:400 .78rem var(--sans)}.work-stage .work-live-caption{border:0;padding-top:0;margin:12px 0;min-height:0;font:500 .74rem/1.5 var(--sans)}
@media(max-width:650px){.work-stage svg{max-height:210px}.work-scale-result{margin-top:8px;padding-top:10px}.work-scale-result strong{font-size:2rem}.work-scale-result span{font-size:.69rem}.work-stage .work-live-caption{font-size:.64rem;margin:8px 0}}
@media(max-width:650px){.work-stage svg{max-height:none;width:100%;height:auto}.work-stage svg text{font-size:18px}.work-stage svg .lane-owner{font-size:14px}.work-stage svg .work-request{font-size:23px}.work-stage svg .fleet-label{font-size:14px}}

/* Cost49: one job budget, three adoption scales, visible resource accounting. */
.agent-economics{max-width:1120px;margin:60px auto}.agent-economics>.prose{max-width:720px;margin:0 auto}.agent-economics h2{font:600 1.8rem/1.25 var(--serif)}.agent-economics p{font:400 1.03rem/1.65 var(--serif);margin:18px 0}.resource-budget{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:25px 0;margin-top:35px}.resource-budget strong{font:500 1.4rem var(--tech);color:#5a8f00}.resource-budget p{font:400 .83rem/1.6 var(--sans);margin:12px 0 0}.agent-economics .budget-origin{font:400 .69rem/1.6 var(--sans);color:var(--gray);margin:12px 0 40px}.cost-model{border:1px solid var(--hair);padding:28px}.cost-model-head{border-bottom:1px solid var(--hair);padding-bottom:16px}.cost-model h3{font:600 1.5rem var(--serif)}.cost-model-head p{font:400 .69rem var(--sans);margin:10px 0 0;color:var(--gray)}.job-controls{margin:24px 0}.job-controls>label{display:flex;justify-content:space-between;align-items:center;font:500 .91rem var(--sans)}.job-controls output{font:500 1.8rem var(--tech);color:#5a8f00}.job-controls input[type=range]{width:100%;accent-color:#5a8f00;margin:16px 0 8px;cursor:pointer}.job-range-labels{display:flex;justify-content:space-between;font:400 .65rem var(--sans);color:var(--gray)}.job-controls>p{font:400 .8rem/1.6 var(--sans)}.job-assumptions{margin-top:18px;border-top:1px solid var(--hair);padding-top:14px}.job-assumptions summary{font:500 .78rem var(--sans);cursor:pointer}.job-assumptions p{font:400 .76rem/1.65 var(--sans)}.job-budget-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.job-budget-inputs label{font:400 .7rem var(--sans)}.job-budget-inputs input{display:block;width:100%;padding:10px;border:1px solid var(--hair);font:400 .9rem var(--sans);margin-top:10px;border-radius:0}.per-job-cost{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);font:400 .75rem/1.5 var(--sans)}.per-job-cost strong{font:500 1.6rem var(--tech);color:#5a8f00;white-space:nowrap}.per-job-cost span:last-child{margin-left:auto;font-size:.67rem;max-width:340px}.cost-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}.cost-scenario h4{font:600 1.15rem var(--serif)}.cost-scenario .scenario-origin{font:400 .63rem var(--sans);color:var(--gray);margin:8px 0 20px}.scenario-total strong{display:block;font:500 2.4rem/1.1 var(--tech);color:#5a8f00}.scenario-total>span{font:400 .7rem var(--sans)}.cost-stack{display:flex;height:8px;margin:18px 0 22px;background:#eee}.cost-workspace{background:#5a8f00}.cost-inference{background:#a9b899}.cost-scenario dl{font:400 .69rem/1.5 var(--sans)}.cost-scenario dl>div{display:flex;justify-content:space-between;gap:10px;margin:10px 0}.cost-scenario dd{font-weight:500;white-space:nowrap}.cost-scenario dt{max-width:160px}.scenario-physical{border-top:1px solid var(--hair);padding-top:14px;margin-top:18px!important}.economics-takeaway{font:400 .88rem/1.65 var(--serif)!important;border-top:1px solid var(--hair);padding-top:20px;margin:0!important}.agent-economics .economics-close{margin:45px auto}.job-controls [hidden],.cost-model [hidden]{display:none!important}
@media(max-width:700px){.cost-model{padding:18px}.cost-scenarios{grid-template-columns:1fr;gap:25px}.cost-scenario{border-bottom:1px solid var(--hair);padding-bottom:25px}.cost-scenario:last-child{border-bottom:0;padding-bottom:0}.cost-scenario dl{font-size:.78rem}.scenario-total strong{font-size:2.3rem}.resource-budget{gap:15px}.resource-budget strong{font-size:1.03rem}.resource-budget p{font-size:.7rem}.per-job-cost{flex-wrap:wrap}.per-job-cost span:last-child{margin:0;max-width:none;width:100%}.job-budget-inputs{grid-template-columns:1fr}.agent-economics h2{font-size:1.55rem}.agent-economics p{font-size:.96rem}}

/* Scenarios50: usage assumptions and outcomes compared simultaneously. */
.workload-scenario .workload-description{font:400 .73rem/1.55 var(--sans);min-height:4.7em;margin:12px 0 18px}.workload-budget{display:flex;align-items:center;gap:12px}.workload-budget strong{font:500 2rem/1 var(--tech)}.workload-budget span{font:400 .66rem/1.4 var(--sans);max-width:105px}.workload-scenario .workload-runtime{font:400 .66rem/1.5 var(--sans);margin:12px 0 23px;color:var(--gray);min-height:3em}.workload-scenario .scenario-total strong{font-size:2rem}.workload-scenario .scenario-table-label{font:500 .65rem/1.5 var(--sans);border-top:1px solid var(--hair);padding-top:16px;margin:20px 0 12px}.workload-scenario .workload-populations{font-size:.75rem}.workload-cpus{font:500 1.6rem var(--tech);color:#5a8f00}.workload-scenario .workload-cpu-unit,.workload-scenario .workload-ram{font:400 .65rem/1.5 var(--sans);margin:5px 0}.workload-components dt{max-width:140px}
@media(max-width:700px){.workload-scenario .workload-description,.workload-scenario .workload-runtime{min-height:0}.workload-scenario .workload-description{font-size:.82rem}.workload-scenario .workload-runtime{font-size:.73rem}.workload-scenario .scenario-table-label,.workload-scenario .workload-cpu-unit,.workload-scenario .workload-ram{font-size:.72rem}.workload-scenario .workload-populations{font-size:.85rem}}
@media(max-width:500px){.resource-budget{grid-template-columns:1fr;gap:20px}.resource-budget>div{display:grid;grid-template-columns:85px 1fr;gap:15px;align-items:start}.resource-budget p{margin:0;font-size:.75rem}.resource-budget strong{font-size:1.05rem}.cost-model{padding:15px}}
.example-agent-day{border-top:1px solid var(--hair);padding-top:14px;margin:20px 0}.example-agent-day summary{font:500 .78rem var(--sans);cursor:pointer}.example-agent-day p{font:400 .76rem/1.65 var(--sans)}.example-agent-day table{width:100%;border-collapse:collapse;font:400 .76rem/1.5 var(--sans)}.example-agent-day td,.example-agent-day th{padding:8px 0;border-bottom:1px solid var(--faint);text-align:left}.example-agent-day td:last-child,.example-agent-day th:last-child{text-align:right;padding-left:16px;font-variant-numeric:tabular-nums}.example-agent-day th{font-weight:500}.example-agent-day tfoot{color:#5a8f00}

/* The opening establishes the task; the infrastructure explains its execution. */
.workspace-assembly{height:185vh;max-width:720px}
.assembly-stage svg.trip-opening{height:clamp(290px,46vh,410px);overflow:visible}
.trip-opening text{font-family:var(--sans);font-size:16px;fill:var(--ink);text-anchor:middle}
.trip-opening .trip-detail{font-size:13px;fill:#66685f}
.trip-opening .trip-label{font-size:12px;letter-spacing:1.6px;fill:#536438}
.trip-opening .trip-icon{fill:white;stroke:#598c00;stroke-width:1.6;stroke-linejoin:round}
.trip-opening .trip-route{fill:none;stroke:#598c00;stroke-width:1.5}
.trip-opening .trip-flow{font-size:13px}
.trip-opening .trip-flow[text-anchor="end"]{text-anchor:end}
.trip-opening .trip-flow[text-anchor="start"]{text-anchor:start}
.trip-opening .trip-packet{fill:#598c00}
.assembly-explanation{min-height:145px}
@media(max-width:600px){.workspace-assembly{height:170vh}.assembly-stage svg.trip-opening{height:auto;max-height:350px;aspect-ratio:560/440}.assembly-explanation{min-height:185px}}
@media(prefers-reduced-motion:reduce){.workspace-assembly{height:auto}}
@media(max-width:600px){.trip-opening text{font-size:19px}.trip-opening .trip-detail,.trip-opening .trip-flow{font-size:16px}.trip-opening .trip-label{font-size:14px;letter-spacing:1px}}

/* Restore the original toolkit accents; hardware retains its own palette. */
.trip-opening .trip-tool{color:#2D6DE4}
.trip-opening .trip-tool:nth-of-type(3),.trip-opening .trip-tool:nth-of-type(6){color:#B63C2A}
.trip-opening .trip-tool:nth-of-type(4),.trip-opening .trip-tool:nth-of-type(5){color:#8A6B00}
.trip-opening .trip-tool .trip-icon{stroke:currentColor}
/* A virtual-computer cutaway bridges the toolkit and physical hardware. */
.trip-resource rect{fill:#fff;stroke:#b1b6a7;stroke-width:1}
.workspace-assembly{height:220vh}
.assembly-stage svg.trip-opening{height:clamp(340px,53vh,490px)}
@media(max-width:600px){.workspace-assembly{height:205vh}.assembly-stage svg.trip-opening{height:auto;max-height:400px;aspect-ratio:560/550}.trip-vm-layers text{font-size:18px}.trip-vm-layers .trip-detail{font-size:15px}}
@media(prefers-reduced-motion:reduce){.workspace-assembly{height:auto}}

/* Leave resource anatomy to the infrastructure walkthrough. */
.workspace-assembly{height:185vh}
.assembly-stage svg.trip-opening{height:clamp(290px,46vh,410px)}
@media(max-width:600px){.workspace-assembly{height:170vh}.assembly-stage svg.trip-opening{height:auto;max-height:350px;aspect-ratio:560/440}}
@media(prefers-reduced-motion:reduce){.workspace-assembly{height:auto}}


/* Keep vertical gestures native and scroll geometry stable as mobile chrome changes. */
.machine canvas{touch-action:pan-y}
.job-controls input[type=range]{touch-action:pan-y}
@media(max-width:800px){
 .architecture{overflow-anchor:none}
 .architecture-step{min-height:90svh;padding-top:11svh;padding-bottom:12svh}
 .architecture-step:last-child{min-height:95svh}
 .workspace-assembly{height:185svh}
 .assembly-stage svg.trip-opening{height:clamp(290px,46svh,410px)}
}
@media(max-width:600px){.workspace-assembly{height:170svh}.assembly-stage svg.trip-opening{height:auto}}
@media(prefers-reduced-motion:reduce){.workspace-assembly{height:auto}}