@layer legacy {
/* Editorial reading layer. Existing run controls and deep links remain available. */
:root{--paper:#f8f7f2;--ink:#183b34;--muted:#52645d;--line:#d4dcd3;--teal:#1d6152;--cream:#eeeee5;--reader-accent:#ab4c35}
body{font-size:17px;line-height:1.65}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}button,select,input{min-height:44px}.site-header{background:rgba(248,247,242,.96);backdrop-filter:blur(18px);z-index:20}.main-nav{gap:20px}.main-nav a{font-size:13px}.edition{max-width:21ch;font-size:13px;text-decoration:none;line-height:1.5}
.section{padding-block:88px}.section-intro>p:not(.eyebrow){font-size:17px;max-width:65ch;line-height:1.65}.section-intro h2{font-size:clamp(34px,3.8vw,55px);max-width:24ch;line-height:1.08}.eyebrow{font-size:13px;letter-spacing: 0;text-transform:none}.reader-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center;padding-top:76px;padding-bottom:76px;min-height:650px}.reader-hero h1{font-size:clamp(54px,5.5vw,86px);line-height:1.02;letter-spacing:-.045em;max-width:13ch}.reader-hero .lede{font-size:20px;max-width:48ch;margin-top:26px}.hero-boundary{font-size:13px;line-height:1.6;color:var(--muted);max-width:56ch;margin:24px 0 0}.hero-example{position:relative;background:var(--cream);border-radius:4px;padding:32px;box-shadow:none;transform:rotate(.6deg)}.hero-example blockquote{font: 400 20px/1.35 var(--display);margin:18px 0;color:var(--ink)}.example-source{font-size:13px;color:var(--muted);margin:15px 0 24px}.example-decisions{border-top:1px solid var(--line)}.example-decisions>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.4}.example-decisions strong{white-space:nowrap;font-size:15px}.example-note{font-size:13px;line-height:1.65;margin:17px 0 0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.reader-guide{background:var(--cream);border-block:1px solid var(--line)}.reader-guide h2{font:400 clamp(32px,3.3vw,48px)/1.15 var(--display);max-width:29ch;margin:10px 0 32px}.guide-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:22px}.guide-columns p{font-size:15px;line-height:1.7;margin:0}.guide-columns strong{font-weight:600}.reader-guide .quiet-link,.reader-story .quiet-link{font-size:15px}.story-heading h2{font:400 clamp(40px,4vw,62px)/1.05 var(--display);margin:14px 0}.story-heading>p:not(.eyebrow){font-size:17px;color:var(--muted)}
.story-nav{display:flex;gap:30px;position:sticky;top:74px;z-index:10;background:rgba(248,247,242,.97);backdrop-filter:blur(10px);padding:18px 0;border-block:1px solid var(--line);margin-top:34px}.story-nav a{display:flex;gap:12px;text-decoration:none;font-size:15px;align-items:center;color:var(--muted);flex:1}.story-nav span{font:400 24px/1 var(--display)}.story-nav a[aria-current]{color:var(--ink);font-weight:700}.story-nav a:after{content:'';height:2px;background:var(--teal);width:25px;transform:scaleX(0);transform-origin:left;transition:transform .35s}.story-nav a[aria-current]:after{transform:scaleX(1)}
.story-chapter{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;min-height:650px;padding:85px 0;border-bottom:1px solid var(--line);scroll-margin-top:155px}.chapter-copy h3{font:400 clamp(32px,3.4vw,50px)/1.1 var(--display);letter-spacing:-.025em;margin:16px 0 25px}.chapter-copy p{font-size:15px;line-height:1.75;max-width:51ch}.chapter-implication{padding-left:20px;border-left:3px solid var(--teal);margin:27px 0}.chapter-implication strong{display:block}.story-figure{margin:0;padding:34px;background:var(--cream);position:relative;border-radius:4px}.story-number{display:flex;gap:20px;align-items:center;margin-bottom:26px}.story-number>strong{font: 400 clamp(72px, 8vw, 128px)/.9 var(--display);letter-spacing:-.065em;font-variant-numeric:tabular-nums}.story-number>span{font-size:15px;line-height:1.5;color:var(--muted)}.comment-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin:25px 0}.comment-grid i{aspect-ratio:1;display:block;background:var(--teal);border-radius:4px}.comment-grid i.changed{background:var(--reader-accent);border-radius:50%}.story-figure figcaption{font-size:13px;line-height:1.9;color:var(--muted)}.legend-mark{display:inline-block;width:9px;height:9px;background:var(--teal);margin-right:5px}.legend-mark.contrast{background:var(--reader-accent);border-radius:50%;margin-left:10px}.story-figure>a{display:inline-block;font-size:15px;margin-top:24px;text-underline-offset:5px;font-weight:600}.chart-limit{font-size:13px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:15px;margin-top:22px}.chart-title{font-size:15px;font-weight:600;margin:0 0 30px}.story-bar-row{display:grid;grid-template-columns:105px minmax(0,1fr) 32px;gap:13px;align-items:center;margin:26px 0;font-size:15px}.story-bar-row>div{height:22px;background:var(--teal-pale);overflow:hidden}.story-bar-row i{display:block;width:100%;height:100%;background:var(--teal);transform:scaleX(var(--bar));transform-origin:left}.story-bar-row.tie i{background:var(--muted)}.story-bar-row.loss i{background:var(--reader-accent)}.story-bar-row strong{font-variant-numeric:tabular-nums;font-size:17px;text-align:right}.repeat-comparison{display:flex;gap:22px;align-items:center;justify-content:space-between}.repeat-comparison>div>span{font-size:13px;display:block}.repeat-comparison strong{font: 400 clamp(72px, 8vw, 128px)/1.2 var(--display);font-variant-numeric:tabular-nums}.repeat-comparison small{font-size:.3em;color:var(--muted)}.repeat-comparison>span{font-size:24px;color:var(--muted)}
.reader-takeaways{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:var(--cream)}.reader-takeaways h2{font:400 clamp(34px,3.6vw,52px)/1.1 var(--display);margin:15px 0}.reader-takeaways>div>p{max-width:48ch;font-size:15px}.audience-notes article{padding:22px 0;border-top:1px solid var(--line)}.audience-notes h3{font-size:17px;font-weight:600;margin:0 0 10px;font-family:var(--sans)}.audience-notes p{font-size:15px;line-height:1.7;margin:0}.audience-notes a{font-size:13px;display:inline-block;margin-top:12px}.reference-review{padding-block:40px;border-bottom:1px solid var(--line)}.reference-review h2{font:400 32px/1.2 var(--display)}.reference-review p{font-size:15px;max-width:75ch}.reference-review a{font-size:15px}
/* Increase the reading size throughout the evidence explorer. */
.analysis-intro p,.analysis-caveat,.analysis-question,.method-columns p,.prompt-definitions p,.prompt-caveat,.small-note,.feature-note,.overview-caution,.overview-rank-head p,.overview-rank-count,.experiment-heading p{font-size:15px;line-height:1.65}.analysis-intro h2{font-size:clamp(33px,3.5vw,48px);max-width:25ch}.analysis-intro{gap:6%}.overview-row-name strong,.run-name{font-size:15px}.overview-row-name small,.overview-row-cost,.run-meta,.run-id{font-size:13px;line-height:1.6}.overview-row{padding-block:20px}.overview-row-cost{max-width:29ch}.overview-row-score{font-size:24px}.field-row{font-size:15px;grid-template-columns:190px minmax(0,1fr) 75px}.field-row strong{font-size:13px}.field-key,.chart-foot,.finding-detail summary,.finding-label,.finding-legend,.finding-group p,.chart-note,.plot-legend{font-size:13px;line-height:1.6}.field-track{height:10px}.finding-group h4{font-size: clamp(36px, 3.4vw, 56px)}.table-wrap table{font-size:15px;line-height:1.55}.table-wrap th,.table-wrap td{padding-block:13px}.table-wrap small{font-size:13px}.method-columns p{max-width:65ch}.faq summary{font-size:15px;line-height:1.5}.faq details{padding-block:19px}.data-list>div,.note,.case-result span,.case-counter,.resource-group h5{font-size:13px}.case-card blockquote{line-height:1.5}.case-result strong,.detail-stat>span{font-size:13px}.detail-stat small{font-size:13px;line-height:1.55}.detail-top p{font-size:15px}.control-panel label>span,.filter-grid label>span,.compare-controls label>span{font-size:13px}.prompt-definitions article{padding:22px}.prompt-definitions strong{font-size: clamp(36px, 3.4vw, 56px)}.intro-actions .action{padding:15px 21px}.quiet-link{font-size:15px}.main-nav a,.quiet-link,.story-figure>a{transition:color .2s,text-decoration-color .2s}.action,button{transition:background .2s,transform .2s}.action:active,button:active{transform:translateY(1px)}
@keyframes chapter-enter{from{transform:translateY(22px);opacity:.55}to{transform:translateY(0);opacity:1}}@keyframes chart-grow{from{transform:scaleX(0)}to{transform:scaleX(var(--bar))}}
@media(prefers-reduced-motion:no-preference){.story-chapter.is-visible .story-figure{animation:chapter-enter .65s cubic-bezier(.2,.7,.3,1) both}.story-chapter.is-visible .story-bar-row i{animation:chart-grow .85s cubic-bezier(.2,.7,.3,1) both}.story-chapter.is-visible .story-bar-row:nth-child(3) i{animation-delay:.12s}.story-chapter.is-visible .story-bar-row:nth-child(4) i{animation-delay:.24s}}
@media(max-width:1050px){.edition{display:none}.reader-hero{gap:5%;grid-template-columns:1fr 1fr}.hero-example{padding:24px}.story-chapter{gap:5%}.story-figure{padding:25px}.main-nav{gap:14px}}
@media(max-width:760px){.section{padding-block:52px}.reader-hero{grid-template-columns:1fr;gap:38px;min-height:auto}.reader-hero h1{font-size:clamp(46px,10vw,72px);max-width:15ch}.reader-hero .lede{font-size:17px}.hero-example{transform:none;box-shadow:none;margin-right:8px}.guide-columns{grid-template-columns:1fr;gap:20px}.story-nav{top:0;position:relative;gap:10px;padding-block:14px;align-items:flex-start}.story-nav a{font-size:13px;display:block;line-height:1.45}.story-nav span{display:block;margin-bottom:7px;font-size:24px}.story-nav a:after{display:block;margin-top:10px}.story-chapter{grid-template-columns:1fr;gap:25px;min-height:0;padding:48px 0;scroll-margin-top:145px}.chapter-copy h3{font-size:36px}.story-figure{padding:24px}.reader-takeaways{grid-template-columns:1fr;gap:28px}.main-nav{overflow-x:auto;justify-content:flex-start!important;gap:22px;white-space:nowrap;padding-bottom:5px}.main-nav a{font-size:13px}.site-header{gap:10px;padding-block:12px}.field-row{grid-template-columns:105px minmax(0,1fr) 60px;font-size:13px;gap:9px}.overview-row-cost{max-width:none}.analysis-intro p,.analysis-caveat,.prompt-caveat,.small-note{font-size:15px}.table-wrap{overflow:auto}.story-number>strong{font-size: clamp(72px, 8vw, 128px)}.story-number>span{font-size:15px}.repeat-comparison strong{font-size: clamp(36px, 3.4vw, 56px)}.reader-guide h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.story-chapter.is-visible .story-figure,.story-bar-row i{animation:none!important}.story-nav a:after{transition:none}html{scroll-behavior:auto}}
.site-header .edition{white-space:normal;flex-shrink:1;min-width:0}.site-header .main-nav{flex-shrink:0}@media(max-width:1400px){.site-header .edition{display:none}}
.story-case{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.story-case summary{font-size:15px;font-weight:600;cursor:pointer;padding:5px 0}.story-case label{font-size:13px;display:block;margin:15px 0 5px}.story-case select{width:100%;background:var(--surface);border:1px solid var(--line);padding:10px}.story-case blockquote{font:400 24px/1.5 var(--display);margin:18px 0}.story-case p,.story-case a{font-size:13px;line-height:1.6}.story-case a{display:inline-block;margin-top:10px}

/* A short route from the question to the evidence. */
.reader-hero{min-height:560px;padding-block:58px;gap:6%}
.reader-hero h1{max-width:12ch;font-size:clamp(58px,6vw,88px)}
.reader-hero .lede{margin-top:19px;line-height:1.55}
.hero-boundary{border-left:2px solid var(--reader-accent);padding-left:15px;margin-top:23px;max-width:58ch}
.hero-boundary strong{color:var(--ink)}
.hero-example{transform:none;box-shadow:none}
.hero-example-details>summary{display:none}
.reader-guide{padding-block:52px 46px}
.guide-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:22px}
.reader-guide h2{font-size:clamp(31px,3vw,44px);max-width:24ch;margin:5px 0 0}
.guide-intro>p{font-size:15px;line-height:1.6;color:var(--muted);max-width:40ch;margin:0 0 5px}
.guide-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line)}
.guide-columns a{position:relative;display:flex;flex-direction:column;gap:9px;min-height:226px;padding:22px 24px 24px;background:var(--cream);text-decoration:none;transition:background .2s}
.guide-columns a:hover,.guide-columns a:focus-visible{background:var(--cream)}
.guide-index{font-size:13px;letter-spacing:.04em;color:var(--muted);font-weight:700}
.guide-columns a strong{font: 400 clamp(36px, 3.4vw, 56px)/1 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--ink)}
.guide-columns a strong span{font-size:.5em;letter-spacing:-.02em;color:var(--muted)}
.guide-columns a>span:nth-last-child(2){font-size:15px;line-height:1.5;color:var(--ink);max-width:36ch;padding-right:17px}
.guide-arrow{position:absolute;right:22px;top:20px;color:var(--muted);font-size:17px}
.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:18px}
.guide-footer p{font-size:13px;line-height:1.6;max-width:68ch;margin:0;color:var(--ink)}
.guide-footer nav{display:flex;gap:18px;white-space:nowrap;font-size:13px;font-weight:700}
.guide-footer a{text-underline-offset:4px}
.reader-story{padding-top:70px}
.story-heading h2{margin:9px 0}
.story-heading>p:not(.eyebrow){margin-bottom:0}
.story-nav{top:var(--reader-header-height,90px);margin-top:25px;padding-bottom:20px;gap:18px;box-shadow:0 8px 14px -16px var(--teal)}
.story-nav a{position:relative;min-height:42px;padding:3px 8px;border-radius:4px;transition:background .2s,color .2s}
.story-nav a:hover,.story-nav a:focus-visible{background:var(--cream)}
.story-nav a:after{display:none}
.story-nav-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--line)}
.story-nav-track span{display:block;height:100%;width:100%;background:var(--teal);transform:scaleX(var(--story-progress,0));transform-origin:left}
.story-chapter{min-height:580px;padding-block:65px;gap:7%;scroll-margin-top:calc(var(--reader-header-height,90px) + 82px)}
.story-chapter:nth-of-type(even) .story-figure{background:var(--cream)}
.story-chapter:nth-of-type(even) .chapter-implication{border-color:var(--reader-accent)}
.chapter-copy h3{max-width:20ch;margin-bottom:18px}
.chapter-copy p{line-height:1.65}
.chapter-implication{margin:23px 0}
.chapter-next{display:flex;align-items:center;gap:8px;max-width:40ch;margin-top:30px;padding-top:16px;border-top:1px solid var(--line);font-size:15px;font-weight:600;text-decoration:none;line-height:1.4}
.chapter-next span:first-child{display:block;font-size:13px;text-transform:none;letter-spacing: 0;color:var(--muted);margin-right:7px}
.chapter-next span:last-child{margin-left:auto;font-size:20px;color:var(--muted)}
.chapter-next:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.guide-intro{align-items:start;flex-direction:column;gap:8px}.guide-columns a{min-height:240px;padding:20px}.guide-footer{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:760px){.reader-hero{min-height:0;padding-block:48px}.reader-hero h1{font-size:clamp(46px,10vw,68px)}.reader-guide{padding-block:44px}.guide-columns{grid-template-columns:1fr;gap:0}.guide-columns a{min-height:0;padding:17px 20px 18px;border-bottom:1px solid var(--line);gap:4px}.guide-columns a:last-child{border-bottom:0}.guide-columns a strong{font-size: clamp(36px, 3.4vw, 56px)}.guide-columns a>span:nth-last-child(2){font-size:13px;max-width:none}.guide-footer nav{flex-wrap:wrap;white-space:normal;gap:10px 20px}.reader-story{padding-top:50px}.story-nav{position:sticky;top:0;overflow-x:auto;scrollbar-width:thin;gap:6px;margin-inline:-22px;padding:10px 22px 14px;background:var(--cream)}.story-nav a{display:flex;flex:0 0 auto;min-width:118px;gap:7px;font-size:13px;align-items:center;padding:5px 7px;white-space:nowrap}.story-nav a span{display:inline;margin:0;font-size:17px}.story-nav-track{left:22px;right:22px}.story-chapter{padding-block:45px;scroll-margin-top:82px}.chapter-next{margin-top:25px}.chapter-copy h3{font-size:clamp(33px,8vw,40px)}}
@media(prefers-reduced-motion:reduce){.guide-columns a,.story-nav a{transition:none}.action:hover{transform:none}}
@media(max-width:760px){.hero-example{padding:0;margin:0 8px 0 0}.hero-example-details>summary{display:list-item;cursor:pointer;font-weight:700;font-size:15px;line-height:1.45;padding:19px 20px;min-height:58px}.hero-example-details[open]>summary{border-bottom:1px solid var(--line)}.hero-example-details[open]>*:not(summary){margin-inline:20px}.hero-example-details[open]>.example-decisions{margin-inline:20px}.hero-example-details[open]>.example-note{padding-bottom:18px}.hero-example-details:not([open])>summary{margin:0}.story-nav{top:var(--reader-header-height,147px)}.story-chapter{scroll-margin-top:calc(var(--reader-header-height,147px) + 84px)}}

/* The repeat library opens one question at a time, with its sources beside it. */
.repeat-howto{max-width:75ch;margin:0 0 28px;padding:16px 21px;border-left:3px solid var(--teal);background:var(--cream);font-size:15px;line-height:1.6;color:var(--ink)}
.repeat-howto strong{font-weight:700}
.evidence-notes{max-width:1100px;scroll-margin-top:calc(var(--reader-header-height,90px) + 24px)}
.evidence-notes-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);gap:30px;align-items:end;padding:28px 0 20px}
.evidence-notes-head h3{max-width:22ch;margin:6px 0 0;font:400 clamp(30px,3vw,41px)/1.12 var(--display);letter-spacing:-.025em}
.evidence-notes-head>p{max-width:40ch;margin:0 0 2px;font-size:15px;line-height:1.6;color:var(--ink)}
.evidence-notes-body{padding-top:0}
.note-library-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:14px 40px;align-items:end;padding:24px 0 20px}
.note-library-intro>p:first-child{max-width:52ch;margin:0;font-size:15px;line-height:1.6;color:var(--ink)}
.note-search label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--ink)}
.note-search input{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--muted);border-radius:4px;background:var(--cream);color:var(--ink);font:500 15px/1.4 var(--sans)}
.note-search input:focus-visible,.note-group>summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.note-search-status{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted)}
.note-groups{border-bottom:1px solid var(--line)}
.note-group{border-top:1px solid var(--line)}
.note-group>summary{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:78px;padding:13px 35px 13px 3px;list-style:none;cursor:pointer;transition:background .22s ease,padding-left .22s ease}
.note-group>summary::-webkit-details-marker{display:none}
.note-group>summary:hover,.note-group>summary:focus-visible{background:var(--cream);padding-left:10px}
.note-group>summary::after{content:'+';position:absolute;right:9px;top:50%;transform:translateY(-50%);font:400 24px/1 var(--sans);color:var(--teal)}
.note-group[open]>summary::after{content:'−'}
.note-group-number{font:500 13px/1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.note-group-title strong{display:block;font:500 clamp(20px,2.2vw,27px)/1.15 var(--display);color:var(--ink)}
.note-group-title small{display:block;margin-top:5px;font:400 13px/1.5 var(--sans);color:var(--muted)}
.note-count{font:600 13px/1 var(--sans);color:var(--muted);white-space:nowrap}
.note-items{padding:0 0 22px 51px}
.note-items .analysis-caveat{max-width:70ch;margin:0;padding:17px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.note-items .analysis-caveat:last-child{border-bottom:0}
.note-items [hidden],.note-group[hidden]{display:none!important}
.note-search-empty{margin:20px 0 4px;padding:15px 0;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}
.comment-grid a.changed{display:block;aspect-ratio:1;border-radius:50%;background:var(--reader-accent);transition:transform .2s ease,box-shadow .2s ease}
.comment-grid a.changed:hover,.comment-grid a.changed:focus-visible{transform:scale(1.18);box-shadow:0 0 0 3px var(--line), 0 0 0 5px var(--teal)}
.comment-grid a.changed:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(prefers-reduced-motion:no-preference){.note-group[open] .note-items{animation:note-open .28s ease-out both}}
@keyframes note-open{from{opacity:.7;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.evidence-notes-head,.note-library-intro{grid-template-columns:1fr;gap:16px}.evidence-notes-head{padding-top:22px}.evidence-notes-head h3{font-size:32px}.note-library-intro{padding-top:20px}.note-search-status{grid-column:1}.note-group>summary{grid-template-columns:24px minmax(0,1fr);gap:10px;min-height:76px;padding-right:32px}.note-count{grid-column:2;line-height:1.4}.note-items{padding-left:0}.note-items .analysis-caveat{max-width:none}.comment-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.note-group>summary,.comment-grid a.changed{transition:none}.note-group[open] .note-items{animation:none}.comment-grid a.changed:hover,.comment-grid a.changed:focus-visible{transform:none}}

/* 2026 reader edition: a cover, three evidence chapters, then the workbench. */
:root {
  --paper: #f6f7f5;
  --ink: #1a2332;
  --muted: #526070;
  --line: #d6dce2;
  --cream: #eaf0f4;
  --teal: #1565c0;
  --teal-pale: #e8f1fb;
  --reader-accent: #ac5945;
  --coral: #ac5945;
  --coral-pale: #f7e9e3;
}
body { background: var(--surface); color: var(--ink); }
.site-header {
  border-bottom: 1px solid var(--line);
  background: rgba(248, 249, 250, .96);
  box-shadow: 0 4px 24px rgba(26, 35, 50, .045);
}
.brand { color: var(--ink); }
.brand-symbol { color: var(--muted); }
.brand-symbol span { color: var(--reader-accent); }
.main-nav a:hover, .main-nav a[aria-current="location"] { color: var(--teal); }
.edition { color: var(--muted); }
.eyebrow { color: var(--muted); font-weight: 700; letter-spacing: .095em; }
.quiet-link, .story-figure > a, .source-links a { text-decoration-thickness: 1px; text-underline-offset: .3em; }

.reader-hero {
  position: relative;
  max-width: none;
  min-height: min(690px, calc(100dvh - 74px));
  padding: clamp(42px, 5vw, 76px) max(clamp(24px, 7vw, 114px), calc((100vw - 1372px) / 2));
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
  gap: clamp(40px, 6vw, 100px);
  overflow: hidden;
  background: radial-gradient(circle at 82% 20%, var(--teal) 0, var(--teal) 48%, var(--teal) 100%);
  color: #fff;
  border-bottom: 0;
}
.reader-hero::before {
  content: "04";
  position: absolute;
  right: -.035em;
  bottom: -.23em;
  font: 500 clamp(72px, 8vw, 128px)/1 var(--display);
  letter-spacing: -.1em;
  color: rgba(255,255,255,.035);
  pointer-events: none;
}
.reader-hero .intro-copy, .reader-hero .hero-example { position: relative; z-index: 1; }
.reader-hero .eyebrow { color: var(--teal-mid); }
.reader-hero h1 {
  max-width: 13ch;
  font-size: clamp(58px, 5.8vw, 88px);
  line-height: .95;
  letter-spacing: -.063em;
  color: #fff;
}
.reader-hero h1 em { color: var(--teal-mid); font-style: italic; }
.reader-hero .lede {
  color: var(--line);
  font-size: clamp(17px, 1.55vw, 22px);
  line-height: 1.4;
  max-width: 51ch;
}
.hero-thesis {
  max-width: 55ch;
  margin: 17px 0 0;
  padding-left: 18px;
  border-left: 2px solid var(--line);
  color: var(--line);
  font-size: 15px;
  line-height: 1.5;
}
.hero-thesis strong { color: #fff; }
.reader-hero .intro-actions { margin-top: 22px; gap: 24px; }
.reader-hero .action {
  background: var(--teal);
  border: 1px solid var(--line);
  color: #fff;
  font-size: 15px;
  padding: 15px 20px;
  box-shadow: none;
}
.reader-hero .action:hover { background: var(--teal); }
.reader-hero .quiet-link { color: var(--line); font-size: 15px; }
.reader-hero .hero-boundary {
  margin-top: 20px;
  padding: 12px 0 0;
  border: 0;
  border-top: 1px solid rgba(213, 225, 239, .28);
  color: var(--teal-mid);
  max-width: 62ch;
  font-size: 15px;
}
.reader-hero .hero-boundary strong { color: #fff; }
.reader-hero .hero-boundary a { color: var(--line); }
.hero-example {
  background: var(--surface);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 4px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .18);
  padding: clamp(27px, 3vw, 42px);
  align-self: center;
}
.hero-example .eyebrow { color: var(--muted); margin-bottom: 20px; }
.hero-example blockquote { font-size: 20px; line-height: 1.25; letter-spacing: -.02em; }
.hero-example .example-source { padding-top: 13px; border-top: 1px solid var(--line); color: var(--muted); }
.example-decisions { border-top: 1px solid var(--ink); }
.example-decisions > div { border-color: var(--line); }
.example-decisions strong { color: var(--ink); }
.example-note { color: var(--muted); }

.reader-story { padding-top: clamp(75px, 8vw, 126px); }
.story-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(230px, .55fr);
  gap: 18px 5%;
  align-items: end;
}
.story-heading .eyebrow { grid-column: 1 / -1; margin: 0; }
.story-heading h2 {
  font-size: clamp(54px, 5.3vw, 82px);
  line-height: .99;
  letter-spacing: -.06em;
  max-width: 15ch;
  margin: 0;
}
.story-heading > p:not(.eyebrow) { margin: 0; font-size: 17px; line-height: 1.6; }
.story-heading .story-key {
  grid-column: 1 / -1;
  max-width: 85ch;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 15px !important;
}
.story-key strong { color: var(--ink); }
.story-nav {
  position: sticky;
  top: var(--reader-header-height, 86px);
  margin-top: 35px;
  padding: 0;
  border: 1px solid var(--line);
  box-shadow: 0 15px 35px rgba(26,35,50,.08);
  background: rgba(248,249,250,.98);
  gap: 0;
}
.story-nav a {
  min-height: 72px;
  padding: 17px 22px;
  border-radius: 0;
  border-right: 1px solid var(--line);
  color: var(--teal);
  font-size: 15px;
  line-height: 1.3;
}
.story-nav a:last-of-type { border-right: 0; }
.story-nav a span { color: var(--teal); font: 500 20px/1 var(--display); }
.story-nav a:hover, .story-nav a:focus-visible, .story-nav a[aria-current] { background: var(--teal-pale); color: var(--ink); }
.story-nav-track { height: 3px; bottom: 0; background: var(--teal-pale); }
.story-nav-track span { background: var(--teal); }
.story-chapter {
  position: relative;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(45px, 8vw, 125px);
  min-height: 700px;
  padding: clamp(75px, 9vw, 136px) 0;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: calc(var(--reader-header-height, 86px) + 84px);
}
.story-chapter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 4px;
  background: var(--teal);
}
.story-chapter .eyebrow { font-size: 13px; }
.chapter-copy h3 {
  font-size: clamp(45px, 4.2vw, 65px);
  line-height: 1.01;
  letter-spacing: -.047em;
  max-width: 16ch;
}
.chapter-copy p { font-size: 17px; line-height: 1.65; max-width: 52ch; }
.chapter-implication {
  margin: 33px 0 26px;
  padding: 20px 23px;
  border: 0;
  border-left: 3px solid var(--teal);
  background: var(--teal-pale);
  color: var(--muted);
}
.story-chapter:nth-of-type(even) .chapter-implication { border-color: var(--reader-accent); background: var(--cream); }
.chapter-next { border-color: var(--line); }
.chapter-next span:last-child { color: var(--muted); }
.story-figure {
  padding: clamp(26px, 3vw, 48px);
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 20px 60px rgba(22, 43, 69, .09);
  border-radius: 4px;
}
.story-chapter:nth-of-type(even) .story-figure { background: var(--cream); border-color: var(--coral); }
.figure-kicker, .chart-title {
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
.story-number { align-items: flex-end; border-bottom: 1px solid var(--line); padding-bottom: 24px; }
.story-number > strong { color: var(--ink); font-size: clamp(72px, 8vw, 128px); }
.story-number > span { padding-bottom: 15px; color: var(--muted); }
.comment-grid { gap: clamp(7px, .8vw, 11px); margin: 30px 0; }
.comment-grid i { background: var(--teal-mid); border-radius: 4px; }
.comment-grid i.changed, .comment-grid a.changed { background: var(--reader-accent); border-radius: 50%; }
.legend-mark { background: var(--teal-mid); }
.legend-mark.contrast { background: var(--reader-accent); }
.story-bar-row > div { height: 30px; background: var(--teal-pale); }
.story-bar-row i { background: var(--teal); }
.story-bar-row.tie i { background: var(--teal-mid); }
.story-bar-row.loss i { background: var(--reader-accent); }
.repeat-comparison { border-bottom: 1px solid var(--line); padding-bottom: 23px; }
.repeat-comparison strong { color: var(--ink); }
.repeat-comparison small { color: var(--muted); }
.story-case { border-color: var(--line); }
.chart-limit { color: var(--muted); border-color: var(--line); }

.reader-takeaways {
  max-width: none;
  padding-inline: max(clamp(24px, 7vw, 114px), calc((100vw - 1372px) / 2));
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  background: var(--teal-pale);
  border-bottom: 1px solid var(--line);
}
.reader-takeaways h2 { font-size: clamp(42px, 4.1vw, 65px); max-width: 15ch; letter-spacing: -.04em; }
.reader-takeaways > div > p { font-size: 17px; }
.audience-notes { counter-reset: audience; }
.audience-notes article { position: relative; padding: 23px 0 25px 55px; border-color: var(--line); }
.audience-notes article::before {
  counter-increment: audience;
  content: "0" counter(audience);
  position: absolute;
  top: 26px;
  left: 0;
  color: var(--muted);
  font: 500 24px/1 var(--display);
}
.audience-notes h3 { color: var(--ink); }

.framing { padding-block: 52px; border-bottom: 1px solid var(--line); }
.framing .section-intro { display: grid; grid-template-columns: .8fr 1.2fr; gap: 4%; align-items: end; max-width: none; margin-bottom: 25px; }
.framing .section-intro .eyebrow { grid-column: 1 / -1; margin: 0; }
.framing .section-intro h2 { margin: 0; font-size: clamp(33px, 3vw, 46px); }
.framing .section-intro > p:last-child { margin: 0; }
.measure-strip { border-top: 1px solid var(--ink); }
.measure-strip article { padding: 17px 24px 15px; }
.measure-strip h3 { font-size: 24px; margin: 5px 0; }
.measure-strip p { font-size: 13px; color: var(--muted); }

.rank-section, .model-compare, .explore, .inspect { background: var(--surface); }
.rank-section { padding-top: 95px; }
.rank-section .section-intro h2, .model-compare .section-intro h2, .explore .section-intro h2, .inspect .section-intro h2 {
  font-size: clamp(47px, 4.4vw, 67px);
  max-width: 20ch;
}
.overview-rank { border-color: var(--ink); }
.overview-row { background: transparent; border-color: var(--line); }
.overview-row:hover, .overview-row:focus-visible, .overview-row.selected { background: var(--teal-pale); }
.overview-row-track { background: var(--teal-pale); }
.overview-row-track span { background: var(--teal); }
.overview-rank-count, .overview-caution { color: var(--muted); }
.reference-review { background: var(--teal-pale); border-block: 1px solid var(--line); }
.analysis-chapter { background: var(--surface); }
.analysis-section { border-color: var(--line); }
.analysis-section:nth-child(even) { background: var(--teal-pale); }
.analysis-intro h2 { font-size: clamp(41px, 4vw, 59px); }
.analysis-intro .analysis-question { border-color: var(--teal); }
.analysis-body thead th { color: var(--muted); }
.analysis-body tbody tr:hover { background: var(--teal-pale); }
.feature {
  max-width: none;
  background: var(--teal-pale);
  border-block: 1px solid var(--line);
  padding-block: 28px;
}
.feature-heading { grid-template-columns: minmax(0, 1fr) 235px; }
.feature h2 { font-size: clamp(38px, 3.8vw, 56px); }
.feature-score { border-color: var(--line); }
.feature-score strong { font-size: clamp(36px, 3.4vw, 56px); color: var(--ink); }
.feature-note { color: var(--muted); }
.condition-card, .detail-stat, .case-card, .prompt-definitions article { background: var(--surface); border-color: var(--line); }
.condition-card[aria-pressed=true], .detail-badge { background: var(--teal-pale); }
.condition-track { background: var(--teal-pale); }
.condition-track > span { background: var(--teal); }
.control-panel { background: var(--teal-pale); }
.usage, .method { background: var(--teal-pale); }
/* Detailed evidence should remain readable without zooming. */
.data-list > div, .note, .small-note, .case-counter, .case-result span,
.detail-top p, .detail-run-id, .run-meta, .run-id { font-size: 15px; line-height: 1.6; }
.method-columns p, .faq summary, .chart-foot, .analysis-caveat,
.feature-note, .measure-strip p { font-size: 15px; line-height: 1.65; }
.method-columns p { color: var(--muted); }
.analysis-body table { font-size: 15px; }
.detail-badge { white-space: normal; max-width: 36ch; }

.faq details, .note-group { border-color: var(--line); }
.faq summary, .note-group > summary { min-height: 44px; }
footer { background: var(--teal); color: #fff; }

@media (max-width: 1100px) {
  .reader-hero { grid-template-columns: minmax(0, 1fr) minmax(320px, .85fr); gap: 45px; }
  .reader-hero h1 { font-size: clamp(57px, 6.4vw, 81px); }
  .story-chapter { gap: 5%; }
  .chapter-copy h3 { font-size: clamp(42px, 4vw, 56px); }
}
@media (max-width: 760px) {
  .reader-hero { min-height: 0; grid-template-columns: 1fr; gap: 42px; padding: 52px 22px 68px; }
  .reader-hero::before { font-size: clamp(72px, 8vw, 128px); right: -.15em; bottom: -.2em; }
  .reader-hero h1 { font-size: clamp(52px, 11vw, 72px); max-width: 13ch; }
  .reader-hero .lede { font-size: 17px; }
  .reader-hero .intro-actions { flex-wrap: wrap; }
  .hero-example { margin: 0 10px 0 0; padding: 0; box-shadow: none; }
  .hero-example-details > summary { color: var(--ink); }
  .reader-story { padding-top: 65px; }
  .story-heading { display: block; }
  .story-heading .eyebrow { margin: 0 0 18px; }
  .story-heading h2 { font-size: clamp(45px, 10vw, 66px); margin: 0 0 17px; }
  .story-heading > p:not(.eyebrow) { margin-top: 15px; }
  .story-heading .story-key { margin-top: 20px; }
  .story-nav { top: var(--reader-header-height, 140px); margin-inline: -22px; padding: 0 22px 3px; overflow-x: auto; box-shadow: 0 10px 22px rgba(26,35,50,.07); }
  .story-nav a { min-height: 63px; min-width: 160px; padding: 10px 12px; font-size: 13px; }
  .story-nav a span { font-size: 17px; }
  .story-nav-track { left: 22px; right: 22px; }
  .story-chapter { grid-template-columns: 1fr; min-height: 0; gap: 35px; padding: 70px 0; scroll-margin-top: calc(var(--reader-header-height, 140px) + 73px); }
  .chapter-copy h3 { font-size: clamp(43px, 9vw, 57px); }
  .chapter-copy p { font-size: 15px; }
  .story-figure { padding: 24px; }
  .story-number > strong { font-size: clamp(72px, 8vw, 128px); }
  .reader-takeaways { grid-template-columns: 1fr; padding-inline: 22px; }
  .framing .section-intro { display: block; }
  .framing .section-intro h2 { margin: 9px 0 12px; }
  .measure-strip { grid-template-columns: 1fr; }
  .measure-strip article { padding: 16px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .feature-heading { grid-template-columns: 1fr; }
  .feature-score { border: 0; border-top: 1px solid var(--line); padding: 15px 0 0; }
  .rank-section { padding-top: 65px; }
}
@media (prefers-reduced-motion: reduce) {
  .reader-hero .action, .story-nav a, .story-figure, .story-chapter, .overview-row { transition: none; animation: none; }
  .reader-hero .action:hover, .overview-row:hover { transform: none; }
}
}