/* Final publication theme. Photographs keep their own colours; the page is paper. */
html:has(body[data-etr-standalone="true"]){color-scheme:light;background:#fff}
body[data-etr-standalone="true"]{margin:0;color-scheme:light;background:#fff}
#etr-story{--story-paper:#fff;--story-ink:#182126;--story-muted:#566169;--story-line:#dce1e3;--story-coral:#c74332;--chapter-gap:240px;--chapter-quiet:48px;--figure-gap:64px;--research-gap:24px;background:#fff;color:#182126;color-scheme:light;font-family:var(--scene-sans)}
/* One gap owns chapter separation; figure dimensions and pin travel stay independent. */
#etr-story>main{display:flex;flex-direction:column;gap:var(--chapter-gap)}
#etr-story>main>*{flex:none}
#etr-story>main>.story-article+.story-article{margin-block-start:calc(var(--research-gap) - var(--chapter-gap))}
#etr-story :is(a,button,input,summary):focus-visible{outline:3px solid #c74332;outline-offset:4px}
#etr-story :is(.opening-thought,.race-chapter,.material-chapter,.product-comparison,.story-meaning,.response-chapter,.article-ending){box-sizing:border-box;width:calc(100% - var(--editorial-gutter)*2);max-width:var(--editorial-width);margin:0 auto;padding:0;background:#fff;color:#182126}
#etr-story main>:is(#etr-filament,#etr-evidence){box-sizing:border-box;width:calc(100% - var(--editorial-gutter)*2);max-width:var(--editorial-width);margin:0 auto;padding:0;background:#fff;color:#182126;overflow:visible}
#etr-story :is(.opening-thought,.race-copy,.material-copy,.product-comparison,.story-meaning,.chapter-heading,.article-ending) h2,#etr-story #etr-filament h2,#etr-story #etr-evidence h2{font-family:var(--scene-serif);font-size:clamp(38px,4.6vw,66px);font-weight:500;line-height:1.04;letter-spacing:-.02em;color:#182126}
#etr-story :is(.opening-thought,.article-ending){max-width:880px;padding-block:var(--chapter-quiet)}
#etr-story .opening-thought>p,#etr-story .article-ending>p{font-size:clamp(19px,2vw,24px);line-height:1.5;color:#566169;max-width:660px}
#etr-story .opening-thought>a,#etr-story .article-ending>a{color:#c74332}
#etr-story .race-copy{max-width:none;padding:0;margin:0 0 var(--figure-gap);gap:54px}
#etr-story .race-copy>p{font-size:19px;color:#566169}
#etr-story .race-copy .race-fact{font-size:15px;color:#566169}
#etr-story .history-spread{max-width:none;gap:36px;margin-bottom:64px}
#etr-story .history-object figcaption{padding:24px 0;max-width:480px;color:#566169}
#etr-story .history-object figcaption strong{font:500 27px/1.2 var(--scene-serif);color:#182126}
#etr-story .race-chapter figcaption{padding:12px 0;font-size:12px;line-height:1.6;color:#566169}
#etr-story .race-chapter>figure{max-width:none}
#etr-story .race-chapter>figure img{aspect-ratio:1.75;object-fit:cover;object-position:50% 50%}
#etr-story .material-chapter{grid-template-columns:.85fr 1.15fr;gap:var(--figure-gap);align-items:center;border-top:0}
#etr-story .material-reading{margin-block:30px}
#etr-story .material-reading dt{font:600 15px/1.5 var(--scene-sans);color:#182126}
#etr-story .material-reading dd{font-size:17px;line-height:1.55;color:#566169}
#etr-story .material-copy p,#etr-story .material-copy .material-qualification{color:#566169}
#etr-story .material-copy .material-qualification{font-size:13px;line-height:1.6}
#etr-story .material-copy a{font-size:13px;color:#182126;text-underline-offset:3px}
#etr-story .material-visual{min-width:0}
#etr-story .material-visual video{aspect-ratio:1.15;object-fit:cover;background:#fff}
#etr-story .material-visual>p{font-size:12px;color:#566169}
#etr-story .product-comparison{border-top:0}
#etr-story .product-comparison header{max-width:800px;text-align:left;margin:0 0 var(--figure-gap)}
#etr-story .product-comparison h2{margin-bottom:24px}
#etr-story .product-comparison header p{font-size:18px;color:#566169;max-width:65ch;margin:0}
#etr-story .product-photo-pair{gap:36px}
#etr-story .product-photo-pair img{background:#fff}
#etr-story .product-photo-pair figcaption{font-size:12px;color:#566169}
#etr-story .product-photo-pair a{color:#182126}
#etr-story #etr-filament{--ef-bg:#fff;--ef-white:#182126;--ef-ink:#566169;border-top:0}
#etr-story #etr-filament .ef-heading{max-width:none;padding:0;gap:56px}
#etr-story #etr-filament h2{max-width:640px;margin-bottom:0}
#etr-story #etr-filament .ef-deck{font-size:18px;line-height:1.5;max-width:420px;color:#566169;margin-bottom:0}
#etr-story #etr-filament .ef-stage{width:100%;max-width:none;height:560px;margin:var(--figure-gap) 0 0;background:#fff}
#etr-story #etr-filament .ef-stage-note{font-size:12px;color:#566169;left:0;bottom:0}
#etr-story #etr-filament .ef-controls{max-width:none;padding:10px 0}
#etr-story #etr-filament input[type=range]{accent-color:#c74332;min-height:44px}
#etr-story #etr-filament .ef-control-label,#etr-story #etr-filament .ef-range-ends{color:#566169}
#etr-story #etr-filament .ef-facts{max-width:none;border-color:#dce1e3;padding:32px 0 0;margin-top:32px;gap:48px}
#etr-story #etr-filament .ef-stat{color:#182126;font-size:clamp(64px,8vw,104px)}
#etr-story #etr-filament .ef-stat-label{color:#566169;font-size:15px;max-width:300px}
#etr-story #etr-filament .ef-source{color:#566169;max-width:none;padding:0}
#etr-story #etr-filament .ef-source p{font-size:14px;max-width:78ch}
#etr-story #etr-filament :is(.sequence-transport,.inspect-controls){border-color:#dce1e3;color:#566169}
#etr-story #etr-filament .sequence-transport button{border-color:#aab5bc;color:#182126;border-radius:0}
#etr-story #etr-filament .pa-overlay,#etr-story .pa-overlay.pa-dark,#etr-story .pa-overlay.pa-warm{--pa-ink:#182126;--pa-muted:#566169;--pa-line:#7c898f;--pa-disc:#fff}
#etr-story #etr-filament .pa-key-visible,#etr-story #etr-filament .pa-key-visible li div>span{color:#566169}
#etr-story #etr-filament .pa-key-visible strong{color:#182126}
#etr-story #etr-evidence{--ev-paper:#fff;--ev-coral:#c74332;--ev-ink:#182126;--ev-muted:#566169;--ev-line:#dce1e3;border-top:0}
#etr-story #etr-evidence .ev-heading{max-width:920px;margin-bottom:var(--figure-gap)}
#etr-story #etr-evidence .ev-intro{font-size:19px;color:#566169;max-width:62ch;margin-bottom:0}
#etr-story #etr-evidence .ev-chart .ev-mark{transition:opacity var(--motion-feedback) ease}
#etr-story #etr-evidence .ev-caption{color:#566169}
#etr-story #etr-evidence .evidence-takeaway{font-size:20px;color:#566169}
#etr-story .story-meaning{gap:80px;border-block:0;padding-block:0}
#etr-story .story-big-number{font-size:clamp(112px,14vw,194px);color:#182126}
#etr-story .story-big-number small{color:#566169;font-size:14px;max-width:42ch}
#etr-story .story-meaning h2{font-size:clamp(36px,4vw,56px)}
#etr-story .story-meaning p{font-size:18px;color:#566169}
#etr-story .story-meaning a{font-size:13px;color:#182126}
#etr-story .response-chapter .chapter-heading{text-align:left;max-width:850px;margin-left:0;margin-bottom:0}
#etr-story .response-chapter .chapter-heading p{margin-left:0;color:#566169;font-size:19px;max-width:60ch}
#etr-story .response-comparisons{gap:64px;margin-top:var(--figure-gap)}
#etr-story .response-comparisons h3{font:500 30px/1.15 var(--scene-serif);color:#182126}
#etr-story .response-comparisons :is(figcaption>p,.research-note){color:#566169}
#etr-story .range-mean{color:#c74332}
#etr-story .study-link{color:#182126}
#etr-story .story-article{box-sizing:border-box;width:calc(100% - var(--editorial-gutter)*2);max-width:var(--editorial-width);margin:0 auto;padding-inline:0;background:#fff;border-color:#dce1e3}
#etr-story .story-article>summary{font-family:var(--scene-serif);font-weight:500;color:#182126}
#etr-story .story-footer{box-sizing:border-box;width:calc(100% - var(--editorial-gutter)*2);max-width:var(--editorial-width);margin:0 auto;padding:32px 0;background:#fff;color:#566169}
#etr-story[data-chapter-navigation="true"] .story-nav{padding-inline:max(20px,calc((100vw - 1280px)/2));color:#182126;background:rgba(255,255,255,.96);border-bottom:1px solid #dce1e3}
#etr-story[data-chapter-navigation="true"] .story-nav[data-ground="dark"]{color:#fff;background:rgba(20,28,31,.62);border-bottom-color:transparent}
#etr-story[data-chapter-navigation="true"] .story-motion{border-radius:0}
#etr-story .chapter-rail{--chapter-rail-ink:#566169;--chapter-rail-surface:#fff;--chapter-rail-accent:#c74332;--chapter-rail-line:#dce1e3}
#etr-story .chapter-rail-label{font-size:12px;padding:6px 10px;box-shadow:0 0 0 1px #dce1e3}
@media(max-width:899px){
 #etr-story{--chapter-gap:128px;--chapter-quiet:24px;--figure-gap:40px}
 #etr-story :is(.opening-thought,.race-copy,.material-copy,.product-comparison,.story-meaning,.chapter-heading,.article-ending) h2,#etr-story #etr-filament h2,#etr-story #etr-evidence h2{font-size:clamp(36px,6vw,52px)}
 #etr-story .race-copy{gap:30px}
 #etr-story .race-copy>p{font-size:17px}
 #etr-story .material-chapter{grid-template-columns:1fr;gap:var(--figure-gap)}
 #etr-story .material-reading{max-width:60ch}
 #etr-story .material-visual video{aspect-ratio:1.5}
 #etr-story #etr-filament .ef-heading{display:block}
 #etr-story #etr-filament .ef-deck{font-size:17px;max-width:60ch;margin-top:22px}
 #etr-story #etr-filament .ef-stage{height:440px}
 #etr-story .story-meaning{gap:40px}
 #etr-story .response-comparisons{gap:36px}
}
@media(max-width:700px){
 #etr-story .race-copy{display:block;padding:0;margin-bottom:var(--figure-gap)}
 #etr-story .race-copy h2{margin-bottom:24px}
 #etr-story .history-spread{grid-template-columns:1fr;gap:24px;margin-bottom:40px}
 #etr-story .history-object figcaption{padding-top:16px}
 #etr-story .race-chapter .history-object img{aspect-ratio:4/3;object-fit:contain}
 #etr-story .race-chapter>figure img{aspect-ratio:1.25;object-position:62% 50%}
 #etr-story .product-photo-pair{grid-template-columns:1fr;gap:32px}
 #etr-story .product-comparison header p{font-size:17px}
 #etr-story #etr-filament .ef-stage{height:360px}
 #etr-story #etr-filament .ef-facts{gap:24px}
 #etr-story #etr-filament .ef-stat{font-size:64px}
 #etr-story #etr-filament .ef-stat-label{font-size:13px}
 #etr-story #etr-evidence .ev-intro{font-size:18px}
 #etr-story .story-meaning{grid-template-columns:1fr;gap:38px}
 #etr-story .story-big-number{font-size:144px}
 #etr-story .response-comparisons{grid-template-columns:1fr;gap:42px}
 #etr-story .response-chapter .chapter-heading p{font-size:18px}
 #etr-story .story-footer{display:grid;justify-items:start;gap:4px}
 #etr-story .story-footer a{display:inline-flex;align-items:center;min-height:44px}
}
@media(prefers-reduced-motion:reduce){#etr-story #etr-evidence .ev-chart .ev-mark{transition:none}}

/* Keep supporting measurements, sources and inspection labels comfortably readable. */
#etr-story .etr-reading figcaption,#etr-story .etr-chapter-number{font-size:12px}
#etr-story .story-sources small{font-size:14px}
#etr-story #etr-filament .ef-range-ends,#etr-story #etr-evidence .ev-models b,#etr-story #etr-evidence .ev-chart .ev-tick{font-size:12px}

/* The material interlude presents the film alone at its native proportions. */
#etr-story #story-material-film{display:block}
#etr-story #story-material-film video{display:block;width:min(100%,640px);height:auto;aspect-ratio:4/5;object-fit:contain;margin-inline:auto}

/* Short editorial decks wrap as a unit; avoid a lone word on the final line.
   Normal wrapping remains the fallback, including at text zoom. */
#etr-story p{ text-wrap:pretty }
#etr-story .scene-heading p,
#etr-story #story-opening .scene-photo-intro>p:not(.scene-photo-title),
#etr-story :is(.opening-thought,.article-ending,.race-copy,.chapter-heading)>p,
#etr-story .product-comparison header p,
#etr-story #etr-filament .ef-deck,
#etr-story #etr-evidence .ev-intro{ text-wrap:balance }

/* Keep the archived article bytes intact while removing its redundant kicker. */
#etr-story .etr-reading .etr-eyebrow{display:none}