:root { --paper:#f7f7f2; --white:#fff; --ink:#222923; --muted:#667169; --faint:#8c968e; --line:#dce2da; --soft:#eef1eb; --forest:#18352c; --forest-2:#25463b; --sage:#789785; --teal:#9ec7bd; --rust:#b96449; --ochre:#d7b86b; --success:#638a71; --exhaustion:#d1ab62; --cap:#b9624c; --mono:'DM Mono',ui-monospace,SFMono-Regular,Consolas,monospace; --sans:'DM Sans',Inter,ui-sans-serif,system-ui,sans-serif; --serif:'Newsreader',Georgia,serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:82px; }
body { margin:0; background:var(--paper); color:var(--ink); font:14px/1.6 var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; }
button,select { font:inherit; }
.skip-link { position:fixed; z-index:50; top:-50px; left:15px; padding:10px 14px; background:#fff; color:var(--ink); }.skip-link:focus { top:12px; }
.journal-header { position:sticky; z-index:30; top:0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:68px; padding:0 max(32px,calc((100vw - 1320px)/2)); border-bottom:1px solid rgba(28,48,38,.12); background:rgba(247,247,242,.94); backdrop-filter:blur(16px); }
.journal-brand { display:flex; align-items:center; gap:11px; width:max-content; color:#273b31; text-decoration:none; font-size:10px; font-weight:800; letter-spacing:.09em; }.journal-brand > span:last-child { display:grid; line-height:1.2; }.journal-brand b { color:var(--rust); }.journal-brand small { margin-top:4px; color:#8a968e; font:7px var(--mono); letter-spacing:.12em; }
.brand-glyph { display:flex; height:23px; align-items:end; gap:3px; }.brand-glyph i { display:block; width:4px; border-radius:3px; background:#7a9a84; }.brand-glyph i:nth-child(1) { height:10px; }.brand-glyph i:nth-child(2) { height:22px; background:#7b9aa1; }.brand-glyph i:nth-child(3) { height:15px; background:#b86c53; }
.journal-header nav { display:flex; height:100%; align-items:center; gap:30px; }.journal-header nav a { color:#68746c; font-size:10px; font-weight:650; text-decoration:none; }.journal-header nav a:hover,.journal-back:hover { color:var(--rust); }
.journal-back { justify-self:end; padding:9px 12px; border:1px solid #d6ddd4; border-radius:6px; color:#40554a; text-decoration:none; font-size:10px; font-weight:700; }.journal-back span { margin-left:7px; color:var(--rust); }
.journal-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.68fr); align-items:center; gap:clamp(40px,8vw,128px); min-height:640px; padding:86px max(48px,calc((100vw - 1240px)/2)) 80px; overflow:hidden; background:radial-gradient(ellipse at 76% 42%,rgba(83,123,102,.36),transparent 44%),linear-gradient(116deg,#17251f,#1c332a 72%,#243c31); color:#eef2e9; }
.journal-hero:before { position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(rgba(230,237,224,.15) .75px,transparent .75px); background-size:22px 22px; mask-image:linear-gradient(90deg,transparent 35%,#000 100%); content:""; opacity:.4; }
.hero-copy,.hero-outcome-card,.hero-foot { position:relative; z-index:1; }.journal-kicker { display:flex; flex-wrap:wrap; align-items:center; gap:11px; color:#b5c4b9; font:9px var(--mono); letter-spacing:.11em; }.journal-kicker i { width:25px; height:1px; background:#c17d60; }.snapshot-tag { margin-left:4px; padding:5px 7px; border:1px solid rgba(196,216,200,.25); border-radius:3px; color:#d0ded1; font-size:8px; }
.journal-hero h1 { margin:38px 0 21px; color:#f4f2e8; font:400 clamp(70px,9vw,126px)/.86 var(--serif); letter-spacing:-.065em; }.journal-hero h1 em { color:#b9d0bd; font-weight:400; }.journal-deck { max-width:730px; margin:0; color:#c6d0c7; font:400 clamp(17px,1.8vw,22px)/1.53 var(--serif); }.journal-byline { display:flex; align-items:center; gap:11px; margin-top:31px; }.author-mark { display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(233,238,226,.43); border-radius:50%; color:#dce5d9; font:12px var(--serif); }.journal-byline strong,.journal-byline small { display:block; }.journal-byline strong { color:#e9eee6; font-size:10px; }.journal-byline small { color:#aab9ad; font-size:9px; }
.hero-outcome-card { padding:25px 25px 20px; border:1px solid rgba(228,235,224,.21); border-radius:10px; background:rgba(247,248,239,.97); color:var(--ink); box-shadow:0 22px 65px rgba(0,0,0,.18); }.hero-card-head { display:flex; justify-content:space-between; gap:12px; color:#78827a; font:8px var(--mono); letter-spacing:.09em; }.hero-card-head b { color:#5f806a; font-weight:500; }.hero-card-head i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#669274; }.hero-card-total { display:block; margin:25px 0 15px; color:#203b2e; font:54px/.9 var(--serif); letter-spacing:-.05em; }.hero-card-total small { color:#758078; font:11px var(--sans); letter-spacing:0; }.hero-outcome-bar { display:flex; height:9px; overflow:hidden; border-radius:9px; background:#e8ebe5; }.hero-outcome-bar i { min-width:2px; }.hero-outcome-bar i:first-child,.success-segment,.legend-success { background:var(--success); }.hero-outcome-bar i:nth-child(2),.exhaustion-segment,.legend-exhaustion { background:var(--exhaustion); }.hero-outcome-bar i:nth-child(3),.cap-segment,.legend-cap { background:var(--cap); }.hero-outcome-legend { display:grid; gap:11px; margin:18px 0 21px; }.hero-outcome-legend div { display:grid; grid-template-columns:9px 1fr auto; align-items:center; gap:8px; color:#667169; font-size:10px; }.hero-outcome-legend i,.outcome-legend i { width:7px; height:7px; border-radius:50%; }.hero-outcome-legend b { color:#3c4b41; font:12px var(--mono); }.hero-outcome-card > a { display:flex; justify-content:space-between; padding-top:13px; border-top:1px solid #e4e8e0; color:#486c58; font-size:9px; font-weight:700; text-decoration:none; }
.hero-foot { position:absolute; right:max(48px,calc((100vw - 1240px)/2)); bottom:20px; left:max(48px,calc((100vw - 1240px)/2)); display:flex; justify-content:space-between; gap:15px; padding-top:10px; border-top:1px solid rgba(219,230,218,.2); color:#a8b7aa; font:8px var(--mono); letter-spacing:.1em; }
.journal-intro { display:grid; grid-template-columns:120px minmax(280px,1fr) repeat(3,minmax(100px,.32fr)); align-items:start; gap:29px; max-width:1240px; margin:auto; padding:48px 0 47px; border-bottom:1px solid var(--line); }.intro-mark { display:flex; align-items:center; gap:9px; padding-top:5px; color:var(--rust); font:8px var(--mono); letter-spacing:.1em; }.intro-mark i { width:19px; height:1px; background:var(--rust); }.intro-copy h2 { margin:0 0 9px; color:#26332b; font:400 29px/1.12 var(--serif); letter-spacing:-.035em; }.intro-copy p { max-width:570px; margin:0; color:#68736b; font:13px/1.65 var(--serif); }.intro-stat { min-height:54px; padding-left:17px; border-left:1px solid var(--line); }.intro-stat strong,.intro-stat span { display:block; }.intro-stat strong { color:#30473a; font:30px/.95 var(--serif); }.intro-stat span { margin-top:7px; color:#849087; font:8px var(--mono); text-transform:uppercase; }
.article-shell { display:grid; grid-template-columns:164px minmax(0,900px); justify-content:center; gap:72px; padding:72px 30px 105px; }.article-rail { position:sticky; top:92px; align-self:start; display:grid; gap:4px; }.article-rail > span { margin:0 0 13px 10px; color:#939b93; font:8px var(--mono); letter-spacing:.12em; }.article-rail a { padding:9px 9px; border-left:1px solid transparent; color:#737d74; font-size:10px; text-decoration:none; }.article-rail a.active { border-color:var(--rust); background:#f0f0e9; color:#34483b; }.article-rail a:hover { color:var(--rust); }.article-rail a.rail-link { margin-top:17px; padding-left:0; border-top:1px solid var(--line); color:#4f755f; font-size:9px; font-weight:700; }
.article-body { min-width:0; }.article-lead { max-width:840px; margin:0 0 15px; color:#28372e; font:400 26px/1.38 var(--serif); letter-spacing:-.018em; }.article-context { max-width:790px; margin:0; color:#768078; font:12px/1.7 var(--sans); }.article-section { scroll-margin-top:85px; margin-top:75px; }.section-marker { display:flex; align-items:center; gap:9px; margin-bottom:13px; color:#818c83; font:8px var(--mono); letter-spacing:.12em; }.section-marker > span { color:var(--rust); }.section-marker i { width:19px; height:1px; background:#b8c2b9; }.section-head-row { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:24px; }.section-head-row h2,.article-body > .article-section > h2 { max-width:700px; margin:0 0 10px; color:#27342d; font:400 clamp(35px,4.3vw,49px)/1.02 var(--serif); letter-spacing:-.045em; }.section-head-row p,.article-body > .article-section > p { max-width:680px; margin:0; color:#69756c; font-size:13px; line-height:1.7; }.section-aside-note { display:grid; min-width:146px; padding:4px 0 4px 17px; border-left:1px solid #b8c5b9; }.section-aside-note b { color:#376146; font:35px/.98 var(--serif); }.section-aside-note span { max-width:140px; margin-top:7px; color:#818c83; font-size:9px; line-height:1.45; }
.outcome-figure,.research-figure { margin:26px 0 0; padding:18px 0 14px; border-top:1px solid #b8c4b9; border-bottom:1px solid var(--line); }.chart-topline { display:flex; align-items:end; justify-content:space-between; gap:15px; }.chart-topline > div { display:flex; align-items:baseline; gap:11px; }.figure-number { color:var(--rust); font:8px var(--mono); letter-spacing:.08em; }.chart-topline strong,.table-heading strong { color:#37463b; font:17px var(--serif); }.chart-unit,.table-side-note { color:#8a948b; font:8px var(--mono); text-align:right; }.outcome-legend { display:flex; flex-wrap:wrap; gap:17px; margin:15px 0 10px; color:#78837b; font-size:9px; }.outcome-legend span { display:flex; align-items:center; gap:6px; }.outcome-chart { display:grid; gap:2px; }.outcome-row { display:grid; grid-template-columns:183px minmax(150px,1fr) 68px; align-items:center; gap:13px; min-height:32px; padding:3px 7px; border:1px solid transparent; border-radius:5px; background:transparent; text-align:left; cursor:pointer; }.outcome-row:hover,.outcome-row.selected { border-color:#dce5dc; background:#f0f3ed; }.outcome-model { display:flex; align-items:baseline; justify-content:space-between; gap:7px; min-width:0; }.outcome-model b { overflow:hidden; color:#455148; font-size:10px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }.outcome-model small { flex:none; color:#939d94; font:8px var(--mono); }.outcome-track { display:flex; height:8px; overflow:hidden; border-radius:7px; background:#e8ece6; }.outcome-track i { display:block; height:100%; }.outcome-counts { display:flex; justify-content:flex-end; align-items:center; gap:5px; color:#88928a; font:8px var(--mono); }.outcome-counts b { color:#55775f; }.figure-caption { margin:13px 0 0; color:#8b958c; font-size:9px; line-height:1.55; }
.finding-callout { display:grid; grid-template-columns:125px 1fr; gap:16px; margin-top:19px; padding:15px 17px; border-left:2px solid #6d8d75; background:#eef1e9; }.finding-callout > span { color:#63816b; font:8px var(--mono); letter-spacing:.08em; }.finding-callout p { margin:0; color:#58655b; font:12px/1.6 var(--serif); }
.focus-select { display:grid; flex:none; gap:5px; min-width:205px; }.focus-select > span { color:#879289; font:8px var(--mono); letter-spacing:.08em; }.focus-select select { min-height:37px; padding:0 30px 0 10px; border:1px solid #d7dfd7; border-radius:5px; background:#fff; color:#405249; font-size:10px; }
.range-axis { display:grid; grid-template-columns:repeat(5,1fr); margin:20px 62px 4px 188px; color:#969e96; font:8px var(--mono); }.range-axis span:not(:first-child) { text-align:center; }.range-axis span:last-child { text-align:right; }.score-range-chart { display:grid; gap:1px; }.score-row { display:grid; grid-template-columns:183px minmax(120px,1fr) 45px 35px; align-items:center; gap:13px; min-height:30px; padding:3px 7px; border:1px solid transparent; border-radius:5px; background:transparent; text-align:left; cursor:pointer; }.score-row:hover,.score-row.selected { border-color:#dce5dc; background:#f0f3ed; }.score-name { display:flex; align-items:center; gap:9px; overflow:hidden; color:#47544a; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.score-name b { color:#9ba49b; font:8px var(--mono); }.score-range { position:relative; height:13px; background:linear-gradient(90deg,transparent calc(25% - .5px),#e4e9e2 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),#e4e9e2 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),#e4e9e2 75%,transparent calc(75% + .5px)); }.score-range-line { position:absolute; top:5px; height:3px; min-width:2px; border-radius:3px; background:#a9b9a9; }.score-range-dot { position:absolute; top:2px; width:9px; height:9px; border:2px solid var(--paper); border-radius:50%; background:var(--rust); box-shadow:0 0 0 1px var(--rust); transform:translateX(-50%); }.score-mean { color:#48574c; font:9px var(--mono); text-align:right; }.score-row > small { color:#939c93; font:8px var(--mono); text-align:right; }
.model-focus-card { margin:20px 0 30px; padding:18px 20px 15px; border:1px solid #dbe3da; border-radius:7px; background:#f1f3ed; }.focus-card-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }.focus-card-title span,.capability-detail-head div span { color:#839087; font:8px var(--mono); letter-spacing:.1em; }.focus-card-title h3 { margin:3px 0 0; color:#304438; font:22px var(--serif); }.focus-card-title > b { padding:6px 9px; border:1px solid #d4dfd5; border-radius:4px; color:#52705a; font:9px var(--mono); }.focus-card-stats { display:grid; grid-template-columns:repeat(3,1fr); margin-top:15px; border-top:1px solid #dce3da; }.focus-card-stats > div { min-height:62px; padding:12px 13px 8px 0; border-bottom:1px solid #dce3da; }.focus-card-stats > div:nth-child(3n+2),.focus-card-stats > div:nth-child(3n) { padding-left:13px; border-left:1px solid #dce3da; }.focus-card-stats span,.focus-card-stats b { display:block; }.focus-card-stats span { color:#859087; font:7px var(--mono); letter-spacing:.055em; }.focus-card-stats b { margin-top:7px; color:#415548; font:17px var(--serif); }.focus-card-stats b i { color:#a7afa7; font-style:normal; font-size:12px; }.focus-card-stats b small { display:inline; color:#88938a; font:8px var(--mono); }.model-focus-card > p { margin:11px 0 0; color:#879188; font-size:9px; }
.scatter-figure { margin-top:27px; }.outcome-scatter { margin-top:14px; overflow:hidden; }.outcome-scatter svg { display:block; width:100%; height:auto; min-height:240px; overflow:visible; }.scatter-grid { stroke:#e4e9e2; stroke-dasharray:3 5; stroke-width:1; }.scatter-grid.vertical { stroke-dasharray:2 6; }.scatter-tick { fill:#89948b; font:9px var(--mono); }.scatter-axis-title { fill:#849087; font:8px var(--mono); letter-spacing:1px; }.scatter-model { cursor:pointer; outline:none; }.scatter-model circle { fill:#73917c; stroke:#f8f8f2; stroke-width:2.5; transition:r .15s,fill .15s; }.scatter-model text { fill:#647268; font:9px var(--sans); }.scatter-model.selected circle,.scatter-model:hover circle,.scatter-model:focus circle { fill:#b96148; stroke:#fff; stroke-width:3; }.scatter-model.selected text { fill:#35473b; font-weight:700; }
.table-heading { display:flex; align-items:end; justify-content:space-between; gap:15px; margin:30px 0 12px; }.table-heading > div > * { display:block; }.table-heading strong { margin-top:3px; }.table-heading p { margin:4px 0 0; color:#818c83; font-size:9px; }.research-table-wrap { overflow:auto; border-top:1px solid #b8c4b9; border-bottom:1px solid #dce2da; }.research-table { width:100%; min-width:1250px; border-collapse:collapse; text-align:right; font-variant-numeric:tabular-nums; }.research-table th { padding:9px 9px; border-bottom:1px solid #dce2da; color:#8a958c; font:7px var(--mono); letter-spacing:.04em; text-align:right; white-space:nowrap; }.research-table th:first-child,.research-table td:first-child { position:sticky; left:0; text-align:left; }.research-table th:first-child { z-index:2; background:#f7f7f2; }.research-table td:first-child { z-index:1; background:var(--paper); }.research-table th button { padding:0; border:0; background:none; color:inherit; font:inherit; letter-spacing:inherit; text-transform:uppercase; cursor:pointer; }.research-table th button:hover { color:var(--rust); }.research-table td { padding:11px 9px; border-bottom:1px solid #e7ebe5; color:#58645a; font:9px var(--sans); white-space:nowrap; }.research-table tbody tr:hover td,.research-table tbody tr.selected td { background:#edf2eb; }.research-table td small { display:block; margin-top:3px; color:#969f97; font:8px var(--mono); }.table-model-button { padding:0; border:0; background:none; color:#394c3e; font:600 9px var(--sans); text-align:left; cursor:pointer; }.table-model-button:hover { color:var(--rust); text-decoration:underline; }.table-note { margin:11px 0; color:#858f86; font-size:9px; line-height:1.6; }.table-note b { color:#4f6755; }
.matrix-scale { display:flex; align-items:center; gap:8px; color:#859087; font:8px var(--mono); }.matrix-scale i { width:34px; height:7px; border-radius:6px; background:linear-gradient(90deg,#eff1e8,#72977b); }.matrix-scale b { font-size:10px; font-weight:400; }.heatmap-wrap { overflow:auto; border-top:1px solid #bac5ba; border-bottom:1px solid var(--line); }.capability-heatmap { width:100%; min-width:670px; border-collapse:collapse; text-align:center; }.capability-heatmap th { padding:11px 9px; border-bottom:1px solid #dce2da; color:#77847a; font:8px var(--mono); letter-spacing:.03em; }.capability-heatmap thead th:first-child { text-align:left; }.capability-heatmap th small { color:#969f97; font:8px var(--sans); letter-spacing:0; }.capability-heatmap tbody tr { cursor:pointer; }.capability-heatmap tbody tr:hover,.capability-heatmap tbody tr.selected { background:#edf1e9; }.capability-heatmap td,.capability-heatmap tbody th { padding:7px; border-bottom:1px solid #e4e9e2; }.capability-heatmap tbody th { width:175px; text-align:left; }.capability-heatmap tbody th small { display:block; margin:3px 0 0; color:#98a199; font:8px var(--mono); }.capability-heatmap td span { display:grid; width:46px; height:28px; place-items:center; margin:auto; border-radius:4px; background:rgba(96,137,106,calc(.12 + var(--heat)*.62)); color:color-mix(in srgb,#2c4032 calc(45% + var(--heat)*45%),#7b837b); font:9px var(--mono); }.capability-detail { margin-top:15px; padding:16px 18px; border:1px solid #e0e5de; border-radius:6px; background:#fff; }.capability-detail-head { display:flex; justify-content:space-between; gap:12px; align-items:baseline; color:#89938a; font:8px var(--mono); }.capability-detail-head strong { display:block; margin-top:4px; color:#354b3b; font:19px var(--serif); }.capability-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px 24px; margin-top:13px; }.capability-detail-grid > div { display:grid; grid-template-columns:minmax(110px,1fr) minmax(75px,1.3fr) 32px; align-items:center; gap:8px; }.capability-detail-grid span { overflow:hidden; color:#6f7b71; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.capability-detail-grid span b { margin-right:6px; color:#567460; font:8px var(--mono); }.capability-detail-grid i { height:5px; overflow:hidden; border-radius:5px; background:#edf0e9; }.capability-detail-grid em { display:block; height:100%; border-radius:5px; background:#7e9b83; }.capability-detail-grid strong { color:#485b4b; font:8px var(--mono); text-align:right; }
.signal-key { display:flex; align-items:center; gap:7px; flex:none; color:#758179; font-size:9px; }.signal-key i { width:8px; height:8px; border-radius:50%; background:#b96148; }.interest-figure { margin-top:24px; }.interest-chart { position:relative; display:grid; gap:2px; margin-top:14px; }.interest-chart:before { position:absolute; top:0; bottom:0; left:58%; width:1px; background:#cbd4ca; content:""; }.interest-row { position:relative; display:grid; grid-template-columns:170px minmax(140px,1fr) 46px; align-items:center; gap:13px; min-height:29px; padding:3px 6px; border:1px solid transparent; border-radius:4px; background:transparent; text-align:left; cursor:pointer; }.interest-row:hover,.interest-row.selected { border-color:#e0e7df; background:#f0f3ec; }.interest-model { color:#56645a; font-size:9px; }.interest-model small { margin-left:6px; color:#9aa39b; font:8px var(--mono); }.interest-track { position:relative; height:11px; }.interest-track i { position:absolute; top:4px; height:3px; border-radius:3px; }.interest-track i.negative { background:#c47a62; }.interest-track i.positive { background:#789785; }.interest-row > b { color:#68756b; font:8px var(--mono); text-align:right; }.signal-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }.signal-cards > div { padding:13px 14px; border:1px solid #dfe5dd; border-radius:5px; background:#fff; }.signal-cards span,.signal-cards strong,.signal-cards small { display:block; }.signal-cards span { color:#8b958c; font:7px var(--mono); letter-spacing:.04em; }.signal-cards strong { margin-top:5px; color:#435c48; font:23px var(--serif); }.signal-cards small { margin-top:3px; color:#939d94; font-size:8px; }
.coverage-figures { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.coverage-card { padding:15px 15px 13px; border:1px solid #dce3db; border-radius:6px; background:#fff; }.coverage-card > span { color:#89958b; font:7px var(--mono); letter-spacing:.08em; }.coverage-card h3 { margin:4px 0 13px; color:#3d4f42; font:18px var(--serif); }.coverage-stack { display:flex; height:7px; overflow:hidden; border-radius:5px; background:#eef0eb; }.coverage-stack i { display:block; height:100%; }.coverage-legend { display:grid; gap:7px; margin-top:12px; }.coverage-legend div { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:6px; color:#78847b; font-size:8px; }.coverage-legend i { width:6px; height:6px; border-radius:2px; }.coverage-legend b { color:#526154; font:8px var(--mono); }.coverage-realistic,.coverage-sufficient { background:#6d9276; }.coverage-stylized,.coverage-partial { background:#d4ad64; }.coverage-sci_fi,.coverage-insufficient { background:#7e9fab; }.coverage-functional { background:#668e77; }.coverage-mixed { background:#d1a95e; }.coverage-non_functional { background:#b96953; }.coverage-notes { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }.coverage-notes > div { padding-left:13px; border-left:1px solid #cbd5ca; }.coverage-notes span,.coverage-notes strong { display:block; }.coverage-notes span { color:#8a948b; font:7px var(--mono); }.coverage-notes strong { margin-top:4px; color:#415a47; font:24px var(--serif); }.coverage-notes p { margin:4px 0 0; color:#8b958c; font-size:8px; line-height:1.5; }
.method-section > h2 { margin-bottom:13px !important; }.method-section > p { margin-bottom:18px !important; }.method-grid { display:grid; grid-template-columns:1fr 1fr; margin-top:19px; border-top:1px solid var(--line); }.method-grid > div { padding:14px 15px 14px 0; border-bottom:1px solid var(--line); }.method-grid > div:nth-child(2n) { padding-left:16px; border-left:1px solid var(--line); }.method-grid b { color:#49614e; font:15px var(--serif); }.method-grid p { margin:5px 0 0; color:#768178; font-size:9px; line-height:1.55; }.limitations-note { display:grid; grid-template-columns:138px 1fr; gap:15px; margin-top:22px; padding:16px 18px; border-left:2px solid var(--rust); background:#f0eee6; }.limitations-note > span { color:var(--rust); font:8px var(--mono); letter-spacing:.06em; }.limitations-note p { margin:0; color:#606a61; font:11px/1.65 var(--serif); }.limitations-note a { color:#476f55; text-decoration-thickness:1px; text-underline-offset:2px; }.article-cta { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:28px; padding:17px 0; border-top:1px solid #bfc9be; border-bottom:1px solid #bfc9be; color:#3f5144; text-decoration:none; }.article-cta span { font:17px var(--serif); }.article-cta b { color:#4f795b; font:9px var(--mono); }.article-end { display:flex; justify-content:space-between; gap:12px; margin-top:50px; padding-top:10px; border-top:1px solid var(--line); color:#98a097; font:7px var(--mono); letter-spacing:.08em; }
.journal-footer { display:flex; min-height:82px; align-items:center; justify-content:space-between; gap:18px; padding:15px max(32px,calc((100vw - 1320px)/2)); border-top:1px solid var(--line); color:#828d84; }.journal-footer > span,.journal-footer > a:last-child { font-size:9px; }.journal-footer > a:last-child { color:#4c7056; font-weight:700; text-decoration:none; }.readout-error { position:absolute; z-index:5; bottom:65px; right:4%; max-width:360px; padding:12px; border:1px solid #cf765e; border-radius:5px; background:#fff; color:#9b3d30; font-size:11px; }
@media(max-width:1120px) { .journal-intro { grid-template-columns:90px minmax(260px,1fr) repeat(3,minmax(75px,.27fr)); gap:20px; padding-right:32px; padding-left:32px; }.article-shell { grid-template-columns:145px minmax(0,850px); gap:42px; }.journal-hero { padding-right:42px; padding-left:42px; gap:50px; }.hero-foot { right:42px; left:42px; } }
@media(max-width:800px) { .journal-header { grid-template-columns:1fr auto; padding:0 18px; }.journal-header nav { display:none; }.journal-back { font-size:9px; }.journal-hero { grid-template-columns:1fr; gap:34px; min-height:auto; padding:67px 26px 80px; }.journal-hero h1 { margin-top:30px; font-size:clamp(67px,13vw,100px); }.journal-deck { max-width:650px; }.hero-outcome-card { max-width:420px; }.hero-foot { right:26px; left:26px; font-size:7px; }.journal-intro { grid-template-columns:1fr repeat(3,.55fr); gap:14px; margin:0 24px; padding:31px 0; }.intro-mark { grid-column:1/-1; }.intro-copy { grid-column:1/-1; }.intro-stat { padding-left:10px; }.intro-stat:first-of-type { padding-left:0; border-left:0; }.intro-stat strong { font-size:26px; }.article-shell { display:block; padding:37px 24px 70px; }.article-rail { position:static; display:flex; gap:5px; overflow:auto; margin:0 -2px 35px; padding-bottom:8px; white-space:nowrap; }.article-rail > span,.article-rail .rail-link { display:none; }.article-rail a { flex:none; padding:7px 9px; border:1px solid #e0e5de; border-radius:3px; font-size:8px; }.article-rail a.active { border-color:#c47c62; background:#f1f0e8; }.section-head-row { align-items:flex-start; flex-direction:column; gap:14px; }.section-aside-note { min-width:auto; }.focus-select { width:100%; }.focus-select select { width:100%; }.coverage-figures { grid-template-columns:1fr; }.coverage-card { display:grid; grid-template-columns:1fr minmax(120px,.8fr); gap:0 12px; }.coverage-card > span,.coverage-card h3 { grid-column:1; }.coverage-stack { grid-column:2; grid-row:2; align-self:center; }.coverage-legend { grid-column:1/-1; grid-template-columns:repeat(3,1fr); gap:8px; }.outcome-row { grid-template-columns:128px minmax(80px,1fr) 55px; gap:8px; }.score-row { grid-template-columns:128px minmax(80px,1fr) 41px 28px; gap:8px; }.range-axis { margin-left:136px; margin-right:49px; }.interest-row { grid-template-columns:130px minmax(90px,1fr) 39px; gap:8px; }.interest-chart:before { left:58%; }.outcome-scatter svg { min-height:230px; }.research-table-wrap { margin-right:-24px; }.table-heading { align-items:flex-start; flex-direction:column; }.table-side-note { text-align:left; }.journal-footer { align-items:flex-start; flex-direction:column; padding:22px 20px; } }
@media(max-width:520px) { .journal-brand { font-size:9px; }.journal-hero { padding-right:20px; padding-left:20px; }.journal-kicker { font-size:7px; gap:7px; }.snapshot-tag { font-size:7px; }.journal-hero h1 { font-size:70px; }.journal-deck { font-size:17px; }.hero-outcome-card { padding:19px; }.hero-foot { right:20px; left:20px; gap:7px; font-size:6px; }.hero-foot span:nth-child(2) { display:none; }.journal-intro { margin-right:20px; margin-left:20px; }.intro-copy h2 { font-size:26px; }.intro-stat strong { font-size:23px; }.intro-stat span { font-size:7px; }.article-shell { padding-right:19px; padding-left:19px; }.article-lead { font-size:22px; }.section-head-row h2,.article-body > .article-section > h2 { font-size:36px; }.section-head-row p { font-size:12px; }.chart-topline { align-items:flex-start; flex-direction:column; gap:5px; }.chart-topline > div { align-items:flex-start; flex-direction:column; gap:3px; }.chart-unit { text-align:left; }.outcome-legend { gap:9px; font-size:8px; }.outcome-row { grid-template-columns:103px minmax(55px,1fr) 47px; gap:5px; padding-right:3px; padding-left:3px; }.outcome-model b { font-size:8px; }.outcome-model small,.outcome-counts { font-size:7px; }.score-row { grid-template-columns:103px minmax(50px,1fr) 37px 24px; gap:5px; padding-right:3px; padding-left:3px; }.score-name { gap:5px; font-size:8px; }.range-axis { margin-left:111px; margin-right:35px; font-size:7px; }.focus-card-stats { grid-template-columns:1fr 1fr; }.focus-card-stats > div:nth-child(3n+2),.focus-card-stats > div:nth-child(3n) { padding-left:0; border-left:0; }.focus-card-stats > div:nth-child(2n) { padding-left:11px; border-left:1px solid #dce3da; }.focus-card-stats > div { padding-right:7px; }.focus-card-stats span { font-size:6px; }.focus-card-stats b { font-size:15px; }.capability-detail-grid { grid-template-columns:1fr; }.capability-detail-grid > div { grid-template-columns:minmax(105px,1fr) minmax(60px,1.2fr) 29px; }.matrix-scale { font-size:7px; }.interest-row { grid-template-columns:104px minmax(65px,1fr) 34px; gap:5px; }.interest-model { font-size:8px; }.interest-model small { display:none; }.signal-cards { grid-template-columns:1fr; }.signal-cards > div { display:grid; grid-template-columns:1fr auto; align-items:center; gap:3px 8px; }.signal-cards strong { grid-column:2; grid-row:1/3; }.signal-cards small { margin:0; }.coverage-notes { gap:8px; }.coverage-notes > div { padding-left:8px; }.coverage-notes span { font-size:6px; }.coverage-notes strong { font-size:21px; }.coverage-notes p { font-size:7px; }.method-grid { grid-template-columns:1fr; }.method-grid > div:nth-child(2n) { padding-left:0; border-left:0; }.limitations-note { grid-template-columns:1fr; gap:7px; }.article-cta { align-items:flex-start; flex-direction:column; }.article-cta span { font-size:16px; }.article-end { font-size:6px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; } }
.hero-red-line-note{margin:0 0 15px;color:#83927d;font-size:10px}.hero-red-line-note b{color:#8a6c5d}