.assistant-social-figure{display:flex;align-items:center;justify-content:center;height:100%}
.assistant-social-figure img{display:block;width:100%;height:100%;object-fit:contain}
body:not(.all-mode) #article #assistant-social>.sticky{padding:0}
body:not(.all-mode) #article #assistant-social .assistant-social-figure{position:absolute;inset:0;width:100%;height:100%;margin:0}
body:not(.all-mode) #article #assistant-social .assistant-social-figure img{object-fit:cover;object-position:center}
@media(max-width:760px){body:not(.all-mode) #article #assistant-social .assistant-social-figure img{object-position:85% center}}
.all-mode .assistant-social-figure img{height:auto}
.post-intro{min-height:85svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px 50px}
.post-intro h1{font-size:clamp(100px,20vw,250px);line-height:1;letter-spacing:-.075em;font-weight:450;margin:28px 0;color:#fff}
.subtitle{font-size:clamp(20px,3vw,30px);color:var(--muted);margin:16px 0 40px}
.post-intro nav,footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 30px;font:13px var(--mono)}
.scroll-hint{margin-top:60px;color:#7e9aab;font:12px var(--mono)}
.body-copy{width:min(740px,calc(100% - 48px));margin:0 auto;padding:28px 0;font-size:17px;line-height:1.55}
.body-copy[data-slide="6"]{padding-block:clamp(96px,16svh,160px)}
.body-copy p{margin:0}.body-copy a,.passage a{color:#8bdeec;text-decoration:underline}
.body-copy:is([data-slide="8"],[data-slide="67"]) p+p{margin-top:1em}
.body-copy[data-slide="8"]{padding-bottom:.5em}
.body-copy[data-slide="9"]{padding-top:.5em}
.body-copy[data-slide="11"]{padding-top:clamp(64px,10svh,96px)}
.body-copy[data-slide="12"]{padding-bottom:clamp(64px,10svh,96px)}
.body-copy[data-slide="24"]{padding-top:clamp(64px,10svh,96px)}
.body-copy[data-slide="27"]{padding-bottom:clamp(64px,10svh,96px)}
.coding-universe-section{padding:clamp(80px,12svh,150px) 0 clamp(100px,15svh,180px)}
.coding-universe-copy{text-align:left;padding:0 0 clamp(45px,7svh,85px)}
.coding-universe-copy p+p{margin-top:1.4em}
.coding-universe-visual{width:min(1400px,calc(100% - 40px));margin:0 auto}
.coding-universe-visual img{display:block;width:100%;height:auto;opacity:var(--coding-universe-opacity,1)}
.closing-reflection{padding-block:clamp(48px,8svh,88px)}
.closing-reflection p+p{margin-top:.65em}
.closing-rule{width:min(740px,calc(100% - 48px));margin:clamp(40px,6svh,72px) auto 0;border:0;border-top:1px solid #ffffff3d}
.closing-signoff p:first-child{margin-bottom:.45em}
.closing-signoff>p:last-of-type{margin-top:1.25em}
.pt3-lede-one{min-height:330svh}.pt3-lede-one .lede-note a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
@media(max-width:760px){.pt3-lede-one .lede-jensen{object-fit:cover;background:#05080d}}
@media(prefers-reduced-motion:reduce){.pt3-lede-one{min-height:0}.pt3-lede-one .lede-jensen{display:block;position:static;width:100%;height:auto;opacity:1;margin-top:2rem}}
.body-copy.intro-topics{font-size:clamp(18px,1.5vw,21px)}
.intro-topics p+p{margin-top:1em}.intro-topics ol{margin:.7em 0 0;padding-left:1.5em}
.article-heading{min-height:100svh;display:grid;place-items:center;padding:70px 24px;background:#070b10}
.article-heading h2{width:fit-content;max-width:min(1000px,100%);margin:0;font-size:clamp(48px,8vw,112px);font-weight:450;letter-spacing:-.055em;line-height:1.02;text-align:center;text-wrap:balance;color:#fff}
.article-heading h2::after{content:"";display:block;height:3px;border-radius:2px;margin:.34em auto 0;background:#ffffff5c}
.scene.agents{height:var(--scene-height,300svh);--axis-inset:96px}
.scene.agents>.sticky{top:0;height:100svh;min-height:0;overflow:hidden;padding:76px max(22px,calc((100vw - 1200px)/2)) 24px}
.scene.agents figure{gap:16px;min-height:0}
.scene.agents :is(.native-plot,.usage-chart,.epoch-plot,.rd-plot),.scene.agents :is(.native-plot,.usage-chart,.epoch-plot,.rd-plot) *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.scene.agents :is(.native-plot,.usage-chart,.epoch-plot,.rd-plot) svg{touch-action:pan-y}
.scene.agents h3{text-align:center;font-size:14px;color:#d1dce5;flex:none}
.graph-link{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden}
.graph-link img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.scene.agents figcaption{text-align:center;flex:none;font-size:11px}
body:not(.all-mode) #article .scene.agents .passage{position:absolute;top:0;left:50%;right:auto;width:min(440px,calc(100% - 48px));max-width:440px;max-height:none;min-height:0;margin:0;padding:24px 28px;background:#0c141ef5;border:1px solid #566b7b;border-radius:6px;box-shadow:0 16px 60px #0007;z-index:3;transform:translate(-50%,var(--card-shift,100svh));overflow:visible}
.passage .card-copy p{font-size:17px;line-height:1.55;letter-spacing:0;margin:0}
#claude-usage .card-copy[data-slide="4"] p+p{margin-top:1em}
#claude-usage .card-copy[data-slide="5"] p+p{margin-top:1em}
#omarchy .card-copy[data-slide="10"] p+p{margin-top:1em}
#code-future .card-copy:is([data-slide="32"],[data-slide="33"],[data-slide="35"]) p+p{margin-top:1em}
#experience-curves .card-copy[data-slide="38"] p+p{margin-top:1em}
#waymo-share .card-copy[data-slide="73"] p+p{margin-top:1em}
#robot-data .card-copy[data-slide="87"] p+p{margin-top:1em}
body:not(.all-mode) .scene.agents .card-copy p{font-size:clamp(21px,1.62vw,26px);line-height:1.4}
.card-copy[hidden]{display:none}
.scene.agents .track{flex:none}
.waymo-mosaic-slide{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#05080d;color:#fff;isolation:isolate}
.waymo-mosaic-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}
.waymo-mosaic-grid video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;background:#05080d}
.waymo-mosaic-poster{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:760px) and (orientation:portrait){
 .waymo-mosaic-grid{inset:0 0 auto;top:50%;transform:translateY(-50%);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:2px}
 .waymo-mosaic-grid video{height:auto;aspect-ratio:16/9;object-fit:contain}
 .waymo-mosaic-grid video:last-child{grid-column:2}
 .waymo-mosaic-poster{object-fit:contain}
}
@media(prefers-reduced-motion:reduce){.waymo-mosaic-grid{display:none}.waymo-mosaic-poster{display:block}}
.article-visual{display:block;width:min(850px,calc(100% - 40px));margin:32px auto 65px}
.article-visual img{display:block;width:100%;height:auto;max-height:75svh;object-fit:contain}
.article-embed{width:min(550px,calc(100% - 40px));margin:35px auto 60px}
.article-embed blockquote:not(.twitter-tweet-rendered){margin:0;padding:26px;border:1px solid #334351;border-radius:12px;font-size:18px}
.article-embed .twitter-tweet-rendered{margin:0!important;border-radius:16px;background:#15202b}
.article-embed iframe{display:block;border:0;border-radius:16px;clip-path:inset(0 round 16px);background:#15202b}
.aurora-video{display:flex;flex-direction:column;align-items:center}
.aurora-video video{display:block;height:min(78svh,780px);width:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:14px;background:#05080d}
.aurora-video figcaption{margin-top:10px;color:#9db5c6;font:11px var(--mono)}
.aurora-video figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.generalist-video{display:flex;flex-direction:column;align-items:center;width:min(900px,calc(100% - 40px))}
.generalist-video video{display:block;width:100%;height:auto;max-height:76svh;object-fit:contain;border-radius:14px;background:#05080d}
.generalist-video figcaption{margin-top:10px;color:#9db5c6;font:11px var(--mono)}
.generalist-video figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.mildenhall-video{display:flex;flex-direction:column;align-items:center;width:min(700px,calc(100% - 40px))}
.mildenhall-video video{display:block;height:min(78svh,780px);width:auto;max-width:100%;aspect-ratio:1080/1216;object-fit:contain;border-radius:14px;background:#05080d}
.mildenhall-video figcaption{margin-top:10px;color:#9db5c6;font:11px var(--mono)}
.mildenhall-video figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.uma-science figure{align-items:center;justify-content:center}
.uma-science video{display:block;width:min(1100px,100%);max-height:76svh;aspect-ratio:16/9;object-fit:contain;border-radius:14px;background:#05080d}
.uma-science figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.virtual-cell-science figure{align-items:center;justify-content:center}
.virtual-cell-science figure img{display:block;width:min(1000px,100%);max-height:76svh;aspect-ratio:767/491;object-fit:contain;border-radius:14px;background:#fff}
.virtual-cell-science figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.connectome-science figure{align-items:center;justify-content:center}
.connectome-science picture{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%}
.connectome-science picture img{display:block;width:min(1000px,100%);max-height:76svh;aspect-ratio:798/532;object-fit:contain;border-radius:14px;background:#000}
.connectome-science figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.nature-model-science figure{align-items:center;justify-content:center}
.nature-model-science video{display:block;width:min(1100px,100%);max-height:76svh;aspect-ratio:16/9;object-fit:contain;border-radius:14px;background:#05080d}
.nature-model-science figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}



.domain-benchmarks .domain-benchmark-chart{gap:0;width:min(920px,100%);margin:0 auto}
.domain-benchmark-rows{display:grid;gap:19px;margin:auto 0}
.domain-benchmark-row{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr) 58px;align-items:center;gap:14px;min-height:62px}
.domain-benchmark-label{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.domain-benchmark-label strong{font-size:19px;font-weight:600;color:#f1f6fa}
.domain-benchmark-label small{font-size:11px;color:#8fa4b4}
.domain-benchmark-track{height:24px;background:linear-gradient(90deg,#26374455 1px,transparent 1px) 0 0/25% 100%,#17232e;border:1px solid #344655;border-radius:3px;overflow:hidden}
.domain-benchmark-track span{display:block;width:var(--score);height:100%;background:var(--bar);transform:scaleX(var(--reveal,1));transform-origin:left center}
.domain-benchmark-row b{font:600 16px var(--mono);color:var(--bar);white-space:nowrap}
#article .domain-benchmark-chart figcaption{margin-top:auto;font-size:10px;line-height:1.6}
#article .domain-benchmark-chart figcaption a{color:#8bdeec}
body:not(.all-mode) #article .domain-benchmarks .domain-benchmark-chart{width:min(920px,100%);margin-inline:auto;flex:1}
body:not(.all-mode) #article #domain-benchmarks .passage{top:clamp(130px,24svh,190px)}
.all-mode #article .domain-benchmarks .domain-benchmark-chart{width:min(920px,100%);min-height:530px}
.human-ai-human-visual{position:relative;width:100%;height:180svh;margin:0;background:#080918}
.human-ai-human-sticky{position:sticky;top:0;width:100%;height:100svh;overflow:hidden}
.human-ai-human-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:var(--human-ai-emerge,1);transform:scale(var(--human-ai-scale,1));transform-origin:center;will-change:opacity,transform}
.all-mode .human-ai-human-visual{height:100svh}
@media(prefers-reduced-motion:reduce){.human-ai-human-visual img{opacity:1;transform:none}}
.office-universe-section{padding-top:clamp(70px,10svh,130px)}
.office-universe-section .coding-universe-visual{width:100%;height:100svh;margin:0}
.office-universe-section .coding-universe-visual img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}
@media(max-width:960px){.domain-benchmark-row{grid-template-columns:minmax(100px,145px) minmax(0,1fr) 54px;gap:8px}.domain-benchmark-label strong{font-size:16px}.domain-benchmark-label small{font-size:9px}}
@media(max-width:760px){body:not(.all-mode) #article .domain-benchmarks .domain-benchmark-chart{width:100%}.domain-benchmark-rows{gap:9px}.domain-benchmark-row{grid-template-columns:100px minmax(0,1fr) 47px;min-height:45px;gap:5px}.domain-benchmark-label strong{font-size:13px}.domain-benchmark-label small{font-size:8px}.domain-benchmark-track{height:17px}.domain-benchmark-row b{font-size:11px}#article .domain-benchmark-chart figcaption{font-size:8px}}
@media(max-width:760px){body:not(.all-mode) #article #domain-benchmarks .passage{top:85px;left:12px;width:calc(100% - 24px);max-width:none;transform:translateY(var(--card-shift,100svh));padding:15px 18px}body:not(.all-mode) #article #domain-benchmarks .passage .card-copy p{font-size:17px}}
.body-copy.quoted-source{border-left:2px solid #526777;padding:26px 30px;margin:24px auto}
@media(max-width:760px){.body-copy.quoted-source{padding-inline:20px}}
.closing-copy{padding:60px 0 90px;font-size:17px;color:#fff}
.autonomous-universe-section{padding:clamp(50px,8svh,100px) 0 clamp(90px,14svh,170px)}
.autonomous-universe-section .closing-copy{padding:0 0 clamp(38px,6svh,70px)}
.autonomous-universe-visual{position:relative;isolation:isolate;overflow:hidden;width:min(1400px,calc(100% - 40px));aspect-ratio:1671/941;margin:0 auto;background:#071321}
.autonomous-universe-visual video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.autonomous-universe-visual video::-webkit-media-controls{display:none!important}
footer{padding:50px 24px 70px}footer details{max-width:740px;margin:0 auto 50px}footer nav{line-height:1.7}
.all-mode .scene.agents{height:auto;margin:45px auto 70px}
.all-mode .scene.agents>.sticky{position:relative;top:0;height:auto;min-height:0;overflow:visible;padding:24px max(22px,calc((100vw - 1100px)/2));gap:24px}
.all-mode .scene.agents .passage{position:static;transform:none;order:-1;width:min(740px,100%);max-width:740px;max-height:none;background:none;border:0;box-shadow:none;padding:0;margin:0 auto}
.all-mode .card-copy+.card-copy{margin-top:28px}.all-mode .card-copy[hidden]{display:block}
.all-mode .graph-link img{max-height:85svh;width:auto;max-width:100%;height:auto}
.all-mode .graph-link{flex:auto}.all-mode .track{display:none}
@media(max-width:760px){header{padding:0 16px;gap:12px}.scene.agents{--axis-inset:58px}.scene.agents>.sticky{padding:68px 10px 20px}body:not(.all-mode) #article .scene.agents .passage{width:min(320px,calc(100% - 40px));padding:20px}body:not(.all-mode) .scene.agents .card-copy p{font-size:18px;line-height:1.4}.scene.agents h3{font-size:12px}.scene.agents figcaption{font-size:10px}.body-copy{padding:24px 0;font-size:15px;line-height:24px}.article-heading h2{font-size:48px}.article-heading h2::after{height:2px;margin-top:.3em}.all-mode .scene.agents>.sticky{padding-inline:12px}}
@media print{header,.scroll-hint,.track{display:none!important}.scene.agents{height:auto!important;break-inside:avoid}.scene.agents>.sticky{position:static!important;height:auto!important;overflow:visible!important;padding:24px!important;display:flex!important}.scene.agents .passage{position:static!important;transform:none!important;background:none!important;box-shadow:none!important;border:0!important;max-height:none!important;width:100%!important;max-width:none!important;order:-1}.card-copy[hidden]{display:block!important}.card-copy+.card-copy{margin-top:20px}.graph-link img{max-height:500px!important}.article-heading,.post-intro{min-height:0}.article-heading{padding:40px}.body-copy{padding:18px 0}}
/* Fill the available graph area while keeping every label and axis visible. */
.scene.agents .graph-link img{width:100%;height:100%;object-fit:contain}
.all-mode .scene.agents .graph-link img{width:100%;height:auto}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.intro-fallback{display:block;width:100%;height:auto}
ai-building-intro{--intro-top:58px}
@media(max-width:760px){ai-building-intro{--intro-top:52px}}
/* Match Part 1's inset narrative cards and centered, full-width charts. */
@media(min-width:761px){
 body:not(.all-mode) #article .scene.agents .passage{left:calc(var(--card-gutter) + var(--axis-inset));width:min(clamp(300px,30vw,430px),calc(100% - var(--card-gutter) - var(--card-gutter) - var(--axis-inset)));max-width:430px;padding:28px;transform:translateY(var(--card-shift,100svh));border-radius:4px}
 body:not(.all-mode) #article #claude-usage:is([data-stage="1"],[data-stage="2"]) .passage{left:calc(var(--card-gutter) + var(--axis-inset) + 110px)}
 body:not(.all-mode) #article #waymo-data .passage{left:auto;right:var(--card-gutter);top:0}
 body:not(.all-mode) #article #claude-usage>.sticky{padding-left:4px;padding-right:4px}
}
.usage-chart{position:relative;flex:1;min-height:0;width:100%}
.usage-chart[hidden],.usage-fallback[hidden]{display:none!important}
.usage-chart svg{overflow:hidden;width:100%;height:100%}
.usage-chart svg text{font:12px var(--mono);fill:#a5bdca}
.usage-chart svg .usage-job{font-size:12px}
.usage-chart svg .coding{fill:#e6edf3;font-weight:600}
.usage-chart svg .claude-value{fill:#ff914f;font-weight:600}
.usage-chart svg .usage-axis{font-size:10px}
.usage-legend{display:flex;flex-wrap:wrap;order:1;justify-content:flex-start;gap:6px 20px;padding:8px 0 8px calc(var(--axis-inset,96px) - 16px);font:12px/1.35 var(--mono);flex:none}
.usage-legend span{display:flex;align-items:center;gap:7px;color:#a5bdca}
.usage-legend span:before{content:'';width:8px;height:8px;border-radius:50%;background:#a5bdca}
.usage-legend .claude-key{color:#ff914f;opacity:.3}
.usage-legend .claude-key:before{background:#ff914f}
#claude-usage[data-comparing=true] .claude-key{opacity:1}
.all-mode #claude-usage>.sticky{padding:24px max(22px,calc((100vw - 1100px)/2))}
.all-mode .usage-chart{height:760px;flex:none}
@media(max-width:760px){.usage-chart svg .usage-job{font-size:9px}.usage-chart svg .worker-value,.usage-chart svg .claude-value,.usage-chart svg .usage-tick{font-size:9px}.usage-chart svg .usage-axis{font-size:8px}.usage-legend{font-size:10px;gap:16px}.all-mode .usage-chart{height:700px}}
@media print{.usage-chart{display:none!important}.usage-fallback[hidden]{display:flex!important}.usage-legend .claude-key{opacity:1}}

.usage-chart svg.compact .usage-job,.usage-chart svg.compact .worker-value,.usage-chart svg.compact .claude-value,.usage-chart svg.compact .usage-tick{font-size:9px}
/* One plot system, without image headings or per-chart toolbars. */
.scene.agents figure{position:static;gap:12px}
.native-plot{position:relative;flex:1;width:100%;min-height:0}
.native-plot svg{display:block;width:100%;height:100%;overflow:visible}
#sim-to-real .sim-equality{opacity:var(--sim-correlation-opacity,0)}
#sim-to-real .native-plot svg .axis-label{font-size:15px}
#sim-to-real .native-plot svg .axis-tick{font-size:13px}
body:not(.all-mode) #article #sim-to-real>.sticky{padding:58px 18px 20px}
body:not(.all-mode) #sim-to-real figure{width:100%;height:100%}
body:not(.all-mode) #sim-to-real .native-plot{flex:1;min-height:0}
.all-mode #sim-to-real .sim-equality{opacity:1}
@media(max-width:760px){body:not(.all-mode) #article #sim-to-real>.sticky{padding:72px 8px 16px}#sim-to-real .native-plot svg .axis-label{font-size:15px}#sim-to-real .native-plot svg .axis-tick{font-size:14px}}
#app-revenue .native-plot{position:relative}
#app-revenue .app-revenue-icons{position:absolute;left:70px;right:20px;bottom:28px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;pointer-events:none}
#app-revenue .logo-group{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
#app-revenue .logo-group img{display:block;flex:1 1 0;min-width:0;max-width:42px;max-height:42px;aspect-ratio:1;object-fit:contain;box-sizing:border-box;padding:2px;background:#fff;border-radius:7px}
@media(max-width:760px){#app-revenue .app-revenue-icons{left:54px;right:20px;bottom:28px}#app-revenue .logo-group{height:42px;flex-wrap:wrap;align-content:center;gap:1px}#app-revenue .logo-group img{flex:0 1 calc((100% - 1px)/2);max-width:20px;max-height:20px;padding:1px;border-radius:3px}#app-revenue .logo-group:nth-child(5) img,#app-revenue .logo-group:nth-child(6) img{max-width:24px}}
.native-plot svg text{font:12px var(--mono);fill:#91a6b5}
.native-plot svg .axis-label{font-size:10px;letter-spacing:.02em}
.native-plot svg .axis-tick,.native-plot svg .row-label{font-size:11px}
.native-plot svg .value-label,.native-plot svg .annotation{font-size:11px;fill:#d1dce5}
.native-plot svg .point-label{font-size:10px}
.native-plot svg .large-value{font-size:clamp(12px,1.3vw,19px);fill:#e6edf3}
.native-plot svg .card-label{font-size:14px;fill:#e6edf3}
.native-plot svg .card-body{font-size:12px;fill:#a5bdca}
.native-plot svg .card-caption{font-size:10px;fill:#91a6b5}
.native-plot svg .network-label{font-size:14px;fill:#e6edf3}
.native-plot svg .network-core{fill:#0b1015;font-size:11px}
.native-legend{display:flex;flex-wrap:wrap;order:1;gap:6px 20px;justify-content:flex-start;flex:none;min-height:16px;padding:8px 0 8px calc(var(--axis-inset,96px) - 16px);font:11px/1.4 var(--mono);color:#a5bdca}
.native-legend[hidden]{display:none}.native-legend span{display:inline-flex;align-items:center;gap:7px}.native-legend i{display:block;width:12px;height:3px;flex:none}
/* Use the Part II chart type scale for the software factory labels. */
#software-pipeline .native-plot svg text,#software-pipeline .native-legend{font-family:var(--mono)}
#software-pipeline .native-plot svg :is(.row-label,.axis-tick,.value-label,.axis-label),#software-pipeline .native-legend{font-size:12px}
#software-pipeline .native-plot svg .large-value{font-size:16px}
@media(max-width:760px){#software-pipeline .native-plot svg :is(.row-label,.axis-tick,.value-label,.axis-label),#software-pipeline .native-legend{font-size:10px}#software-pipeline .native-plot svg .large-value{font-size:13px}}
/* Match Part II's plotted-line weight in the pre-rendered chart fallback. */
.scene.agents[data-native] .native-plot svg path[fill="none"][stroke-width="2.5"],#sim-to-real .native-plot svg path[fill="none"][stroke-width="2"]{stroke-width:3.5}
.scene.agents:is(#code-history,#code-future) .native-plot svg path[stroke-width="1.3"]{stroke-width:2.5}
.scene.agents:is(#code-history,#code-future) .native-plot svg path[fill="none"][stroke-width="1.2"]{stroke-width:3.5}
#code-future .native-plot svg path[fill="#43a9ff"],#code-future .native-plot svg path[fill="#39ffc1"],#code-future .native-plot svg path[fill="#bda1ff"]{transition:fill-opacity .45s ease,stroke-opacity .45s ease,stroke-width .45s ease}
#code-future[data-stage="4"] .native-plot svg path[fill="#43a9ff"]{fill-opacity:.27;stroke-opacity:.35}
#code-future[data-stage="4"] .native-plot svg path[fill="#bda1ff"]{fill-opacity:.2;stroke-opacity:.35}
#code-future[data-stage="4"] .native-plot svg path[fill="#39ffc1"]{fill-opacity:.92;stroke-width:3.5}
#code-future[data-stage="5"] .native-plot svg path[fill="#43a9ff"],#code-future[data-stage="5"] .native-plot svg path[fill="#39ffc1"]{fill-opacity:.2;stroke-opacity:.3}
#code-future[data-stage="5"] .native-plot svg path[fill="#bda1ff"]{fill-opacity:1;stroke-width:4;filter:drop-shadow(0 0 7px #bda1ff)}
body:not(.all-mode) #productivity .native-plot svg > :is(g,path,text.annotation){transition:opacity .45s ease}
body:not(.all-mode) #productivity[data-stage="0"] .native-plot svg > :is(g,path,text.annotation){opacity:0!important}
body:not(.all-mode) #productivity[data-stage="2"] .native-plot svg > g[data-point]{opacity:.12!important}
body:not(.all-mode) #productivity[data-stage="2"] .native-plot svg > g:is([data-point="Information"],[data-point="Retail trade"]){opacity:1!important;filter:drop-shadow(0 0 8px #43a9ff)}
body:not(.all-mode) #productivity[data-stage="2"] .native-plot svg > g:is([data-point="Information"],[data-point="Retail trade"]) circle{r:8px;fill:#7dcfff}
body:not(.all-mode) #productivity[data-stage="2"] .native-plot svg > g:is([data-point="Information"],[data-point="Retail trade"]) .point-label{fill:#e6edf3;font-size:14px;font-weight:700}
body:not(.all-mode) #productivity[data-stage="2"] .native-plot svg > path{opacity:.25}
body:not(.all-mode) #tfp .native-plot svg :is(rect,.value-label),body:not(.all-mode) #tfp .native-legend{transition:opacity .45s ease}
body:not(.all-mode) #tfp[data-stage="0"] .native-plot svg :is(rect,.value-label),body:not(.all-mode) #tfp[data-stage="0"] .native-legend{opacity:0!important}
#tfp .native-plot svg rect[data-series],#tfp .native-legend span,#tfp .tfp-focus-word{transition:opacity .35s ease,filter .35s ease,color .35s ease}
body:not(.all-mode) #tfp[data-stage="2"] .native-plot svg rect[data-series],body:not(.all-mode) #tfp[data-stage="2"] .native-legend span{opacity:.18}
body:not(.all-mode) #tfp[data-stage="2"] .native-plot svg .value-label{opacity:.35!important}
body:not(.all-mode) #tfp[data-focus="Electricity"] :is(rect,span)[data-series="Electricity"],body:not(.all-mode) #tfp[data-focus="Cars"] :is(rect,span)[data-series="Cars"],body:not(.all-mode) #tfp[data-focus="Computers"] :is(rect,span)[data-series="Computers"]{opacity:1!important}
body:not(.all-mode) #tfp[data-focus="Electricity"] rect[data-series="Electricity"]{filter:drop-shadow(0 0 8px #f1cf65)}
body:not(.all-mode) #tfp[data-focus="Cars"] rect[data-series="Cars"]{filter:drop-shadow(0 0 8px #ff914f)}
body:not(.all-mode) #tfp[data-focus="Computers"] rect[data-series="Computers"]{filter:drop-shadow(0 0 8px #43a9ff)}
#tfp .tfp-focus-word{opacity:.5}
#tfp[data-focus="Electricity"] .tfp-focus-word[data-series="Electricity"]{opacity:1;color:#f1cf65}
#tfp[data-focus="Cars"] .tfp-focus-word[data-series="Cars"]{opacity:1;color:#ff914f}
#tfp[data-focus="Computers"] .tfp-focus-word[data-series="Computers"]{opacity:1;color:#43a9ff}
#ai-economy .native-plot svg .surplus-label{font-size:clamp(13px,1.4vw,21px);font-weight:700;fill:#eef7fb;filter:drop-shadow(0 1px 2px #000)}
#ai-economy .native-plot svg g,#ai-economy .native-legend span{transition:opacity .35s ease}
body:not(.all-mode) #ai-economy[data-surplus="consumer"] .native-legend span:nth-child(2),body:not(.all-mode) #ai-economy[data-surplus="producer"] .native-legend span:first-child{opacity:.35}
@media(max-width:760px){.scene.agents[data-native] .native-plot svg path[fill="none"][stroke-width="2.5"],#sim-to-real .native-plot svg path[fill="none"][stroke-width="2"]{stroke-width:2.5}.scene.agents:is(#code-history,#code-future) .native-plot svg path[stroke-width="1.3"]{stroke-width:1.8}.scene.agents:is(#code-history,#code-future) .native-plot svg path[fill="none"][stroke-width="1.2"]{stroke-width:2.5}}
#coding-spend .native-plot svg path[stroke="#43a9ff"]{stroke:#7dcfff}
#coding-spend .native-plot svg circle[fill="#43a9ff"]{fill:#7dcfff;r:3px}
#coding-spend .native-plot svg path[fill="none"]:not([stroke="#43a9ff"]),#coding-spend .native-plot svg circle:not([fill="#43a9ff"]){opacity:.7}
#coding-spend .native-legend span:first-child i{background:#7dcfff!important}
#article .scene.agents figcaption{position:static;order:2;align-self:stretch;border-top:1px solid var(--line);padding:8px 0 0;text-align:left;font:10px/1.4 var(--mono);opacity:.7}
#article .scene.agents figcaption:hover{opacity:1}
.epoch-plot{position:relative;display:none;flex:1;min-height:0;width:100%;flex-direction:column}
.epoch-plot svg{width:100%;height:100%;min-height:0;flex:1;display:block}
.epoch-plot svg text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:#91a6b5}
.epoch-plot svg .epoch-grid{stroke:#2a3a47;stroke-width:1}
.epoch-plot svg .epoch-grid-vertical{stroke-dasharray:3 6}
.epoch-plot svg .epoch-tick{font-size:14px}
.epoch-plot svg .epoch-axis-title{font-size:17px;fill:#d1dce5}
.epoch-plot svg .epoch-series-label{font-size:19px;font-weight:600;paint-order:stroke;stroke:#0b1015;stroke-width:3px}
.epoch-plot svg .epoch-series-dates{font-size:16px;paint-order:stroke;stroke:#0b1015;stroke-width:3px}
.epoch-caption{display:flex;align-items:center;gap:4px;align-self:stretch;padding:8px 0 0;border-top:1px solid var(--line);font:11px/1.4 var(--mono);color:#a5bdca}
.epoch-caption a{color:#8bdeec}
body:not(.all-mode) #experience-curves:is([data-stage="4"],[data-stage="5"]) .native-legend,body:not(.all-mode) #experience-curves:is([data-stage="4"],[data-stage="5"]) .native-plot,body:not(.all-mode) #experience-curves:is([data-stage="4"],[data-stage="5"]) figure>figcaption{display:none}
body:not(.all-mode) #experience-curves:is([data-stage="4"],[data-stage="5"]) .epoch-plot{display:flex}
.all-mode #experience-curves .epoch-plot{display:flex;min-height:600px;margin-top:30px}
.rd-plot{position:relative;display:none;flex:1;min-height:0;width:100%;flex-direction:column}
.rd-plot svg{display:block;flex:1;width:100%;height:auto;min-height:0}
.rd-plot svg text{font:12px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:#a5bdca}
.rd-plot svg .rd-grid{stroke:#2a3a47;stroke-width:1}
.rd-plot svg .rd-grid-vertical{stroke-dasharray:3 6}
.rd-plot svg .rd-tick,.rd-plot svg .rd-axis-title{font-size:12px}
.rd-plot svg .rd-series-label{font-size:16px;font-weight:700;paint-order:stroke;stroke:#0b1015;stroke-width:4px}
.rd-caption{font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#a5bdca;text-align:left!important}
.rd-caption a{color:#a5bdca;text-decoration:none}
.rd-caption a:hover{text-decoration:underline}
body:not(.all-mode) #experience-curves:is([data-stage="6"],[data-stage="7"]) .native-legend,body:not(.all-mode) #experience-curves:is([data-stage="6"],[data-stage="7"]) .native-plot,body:not(.all-mode) #experience-curves:is([data-stage="6"],[data-stage="7"]) figure>figcaption{display:none}
body:not(.all-mode) #experience-curves:is([data-stage="6"],[data-stage="7"]) .rd-plot{display:flex}
.all-mode #experience-curves .rd-plot{display:flex;min-height:600px;margin-top:30px}
@media(max-width:760px){.rd-plot svg .rd-tick,.rd-plot svg .rd-axis-title{font-size:10px}.rd-plot svg .rd-series-label{font-size:20px}.rd-caption{font-size:9px}}
@media(max-width:760px){.epoch-plot svg .epoch-tick{font-size:15px}.epoch-caption{font-size:9px;gap:4px 10px}}
@media(min-width:761px){body:not(.all-mode) #article .scene.agents[data-native]>.sticky{padding-left:4px;padding-right:4px}}
.all-mode .native-plot{height:720px;flex:none}
.all-mode #article .scene.agents[data-native]>.sticky{padding:24px max(22px,calc((100vw - 1100px)/2)) 50px}
@media(max-width:760px){
 .native-plot svg .axis-tick,.native-plot svg .row-label,.native-plot svg .value-label,.native-plot svg .annotation{font-size:9px}
 .native-plot svg .axis-label{font-size:8px}
 .native-plot svg .point-label{font-size:8px}
 .native-plot svg .card-label{font-size:11px}.native-plot svg .card-body{font-size:10px}.native-plot svg .card-caption{font-size:8px}
 .native-plot svg .large-value{font-size:12px}
 .native-legend{font-size:9px;gap:5px 12px}
 .usage-legend,.native-legend{padding-left:calc(var(--axis-inset,58px) - 16px)}
 #article .scene.agents figcaption{font-size:9px}
 .all-mode #sim-to-real .native-plot{height:1150px}
 .all-mode #ai-economy .native-plot{height:600px}
}
@media print{.native-plot{height:600px;flex:none}.native-legend{display:flex!important}.scene.agents figure{break-inside:avoid}#article .scene.agents figcaption{position:static!important}.scene.agents[data-native]>.sticky{display:block!important;padding:20px!important}.usage-chart{display:block!important}.usage-fallback[hidden]{display:none!important}}

/* Match Part 1’s card surface, mobile width, and chart typography. */
body:not(.all-mode) #article .scene.agents .passage{background:#101820f7;border-color:#526777;border-radius:4px;box-shadow:0 12px 40px #0006}
.native-plot svg text,.usage-chart svg text,.native-legend,.usage-legend{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:normal}
.native-plot svg .labor-detail{fill:#fff;font-size:14px;paint-order:stroke;stroke:#070b10;stroke-width:3px}
#labor-markets .native-legend{display:none!important}
@media(max-width:760px){body:not(.all-mode) #article .scene.agents .passage{width:min(300px,calc(100% - 32px));padding:18px}.native-plot svg .labor-detail{font-size:12px}}

/* Reading copy follows the larger series-wide narrative scale. */
.body-copy,.body-copy.intro-topics,.closing-copy,.passage .card-copy p{font-size:22px;line-height:1.5}
body:not(.all-mode) .scene.agents .card-copy p{font-size:clamp(22px,1.62vw,26px);line-height:1.4}
@media(max-width:760px){
 .body-copy,.body-copy.intro-topics,.closing-copy,.passage .card-copy p,
 body:not(.all-mode) .scene.agents .card-copy p,
 body:not(.all-mode) #article #domain-benchmarks .passage .card-copy p{font-size:20px;line-height:1.5}
}

/* Fixed-output mechanization models: readable stage labels on phones. */
.mechanization-scene .mechanization-total{font-size:clamp(14px,1.7vw,24px);font-weight:600;fill:#e6edf3}
.mechanization-scene .mechanization-note{font-size:clamp(10px,1vw,13px);fill:#91a6b5}
.mechanization-scene .mechanization-label,.mechanization-scene .mechanization-value{font-size:clamp(12px,1.2vw,17px);fill:#e6edf3}
.mechanization-scene .mechanization-technology{font-size:clamp(10px,1vw,14px);fill:#91a6b5}