/* Shared comparison colors: muted petroleum teal for the primary series, ink blue for comparison. */
.landing-study { --chart-primary:#287b80; --chart-secondary:#4765a0; --chart-primary-soft:#287b8012; --chart-secondary-end:#3f5d96; --chart-primary-end:#378d90; }
.landing-study[data-theme="dark"] { --chart-primary:#75bbbd; --chart-secondary:#88b2dd; --chart-primary-soft:#75bbbd0e; --chart-secondary-end:#628ec0; --chart-primary-end:#4b9699; }
/* The two measured outcomes share a scale, without implying a fitted response. */
.landing-study .evidence-section { display:block; padding-block:56px 48px; border-top:1px solid var(--line); }
.landing-study .evidence-study { --evidence-accent:var(--chart-primary); --evidence-nitrate:var(--chart-secondary); --evidence-halo:var(--chart-primary-soft); --evidence-surface:var(--paper); min-width:0; margin:0; display:grid; grid-template-columns:1fr auto; column-gap:24px; row-gap:22px; }
.landing-study[data-theme="dark"] .evidence-study { --evidence-accent:var(--chart-primary); --evidence-nitrate:var(--chart-secondary); --evidence-halo:var(--chart-primary-soft); }
.evidence-heading { display:flex; justify-content:space-between; align-items:end; gap:48px; margin-bottom:42px; }
.evidence-heading .eyebrow { margin-bottom:18px; }
.evidence-heading > p { color:var(--muted); font-size:14px; line-height:1.8; max-width:320px; }
.evidence-layout { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,2.4fr) minmax(220px,1fr); gap:72px; align-items:center; }
.evidence-plot-column { min-width:0; padding:25px 0 0; background:radial-gradient(ellipse at 52% 25%,var(--evidence-halo),transparent 69%); }
.evidence-chart-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; padding-bottom:10px; font-size:11px; color:var(--muted); }
.evidence-legend { display:flex; list-style:none; gap:20px; margin:0; padding:0; }
.evidence-legend li { display:flex; align-items:center; gap:7px; white-space:nowrap; }
.evidence-legend i { width:7px; height:7px; border-radius:50%; display:inline-block; }
.evidence-key-mass { background:var(--evidence-accent); }
.evidence-key-nitrate { background:var(--evidence-nitrate); }
.evidence-plot svg { width:100%; height:auto; display:block; overflow:visible; font-family:inherit; }
.evidence-plot :is(line,circle) { vector-effect:non-scaling-stroke; }
.evidence-grid line { stroke:var(--line); stroke-width:.65; opacity:.65; }
.evidence-grid .evidence-reference { stroke-dasharray:2 5; opacity:1; }
.evidence-grid text { fill:var(--muted); font-size:10px; font-variant-numeric:tabular-nums; }
.evidence-plot [data-recipe] { cursor:pointer; outline:none; }
.evidence-point-hit-target { fill:transparent; stroke:none; }
.evidence-pair-link { stroke:var(--evidence-nitrate); stroke-width:2; opacity:.5; transition:stroke-width .35s,opacity .35s; }
.evidence-mass-point { fill:var(--evidence-surface); stroke:var(--evidence-accent); stroke-width:2.5; }
.evidence-nitrate-point { fill:var(--evidence-nitrate); stroke:var(--evidence-surface); stroke-width:1; }
.evidence-plot [data-recipe]:focus-visible .evidence-point-hit-target { stroke:var(--evidence-accent); stroke-width:1; }
.evidence-plot [aria-pressed="true"] .evidence-pair-link { stroke-width:3; opacity:.9; }
.evidence-plot .evidence-selection-ring { opacity:0; pointer-events:none; transition:opacity .45s ease; }
.evidence-selection-ring rect { fill:var(--evidence-halo); }
.evidence-plot .evidence-selection-ring[data-selected="true"] { opacity:1; }
/* Dark mode uses precise marks on the page field, without luminous material behind them. */
.landing-study[data-theme="dark"] .evidence-plot-column { background:none; }
.landing-study[data-theme="dark"] .evidence-selection-ring { display:none; }
.landing-study[data-theme="dark"] .evidence-recipe-point[aria-pressed="true"] .evidence-mass-point { fill:var(--evidence-accent); stroke:var(--evidence-surface); stroke-width:1.5; }
.landing-study[data-theme="dark"] .evidence-recipes button[aria-pressed="true"] { background:none; }

.landing-study .evidence-mobile { display:none; }
.evidence-controls { margin:2px 0 0; }
.evidence-controls > p { color:var(--muted); font-size:10px; line-height:1.6; margin-top:14px; text-align:center; }
.evidence-recipes { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; }
.evidence-controls { display:flex; flex-direction:column-reverse; }
.evidence-recipes button { appearance:none; color:var(--muted); background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; padding:13px 5px 8px; font:inherit; font-size:13px; min-height:44px; cursor:pointer; transition:color .3s,background .3s; }
.evidence-recipes button[aria-pressed="true"] { color:var(--ink); border-top:2px solid var(--evidence-accent); padding-top:12px; background:linear-gradient(180deg,var(--evidence-halo),transparent); }
.evidence-recipes button:hover { color:var(--ink); background:var(--evidence-halo); }
.evidence-recipes button:focus-visible { outline:2px solid var(--evidence-accent); outline-offset:3px; }
.evidence-reading { padding:0; }
.evidence-reading .eyebrow { font-size:11px; letter-spacing:.05em; line-height:1.5; }
.evidence-reading-intro { color:var(--muted); font-size:11px; line-height:1.7; margin-top:9px; max-width:220px; }
.evidence-values { margin:25px 0; display:grid; gap:20px; }
.evidence-values dt { font-size:12px; line-height:1.5; color:var(--muted); }
.evidence-values dt::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--evidence-accent); margin-right:8px; vertical-align:1px; }
.evidence-values > div:last-child dt::before { background:var(--evidence-nitrate); }
.evidence-values dd { font-size:68px; line-height:1.05; letter-spacing:-.06em; font-weight:400; margin:8px 0 0; font-variant-numeric:tabular-nums; }
.evidence-values dd small { font-size:27px; margin-left:4px; color:var(--muted); }
.evidence-observation { font-size:13px; line-height:1.8; max-width:260px; }
.evidence-source { color:var(--muted); font-size:11px; line-height:1.75; padding-top:6px; }
.evidence-source a { color:inherit; text-underline-offset:3px; }
.evidence-methods { color:var(--muted); font-size:12px; line-height:1.75; padding-top:6px; }
.evidence-methods summary { cursor:pointer; width:fit-content; list-style:none; }
.evidence-methods summary::-webkit-details-marker { display:none; }
.evidence-methods summary span { padding-left:10px; }
.evidence-methods[open] { grid-column:1/-1; }
.evidence-methods[open] summary span { display:none; }
.evidence-methods > div { max-width:840px; padding-top:18px; }
.evidence-methods p+p { margin-top:12px; }
.evidence-methods table { width:100%; border-collapse:collapse; margin-top:20px; text-align:left; font-variant-numeric:tabular-nums; }
.evidence-methods caption { text-align:left; margin-bottom:10px; }
.evidence-methods :is(th,td) { padding:9px 10px 9px 0; border-bottom:1px solid var(--line); font-weight:400; }
@media (max-width:1000px) {
 .evidence-layout { grid-template-columns:minmax(0,1fr) 200px; gap:36px; }
 .evidence-values dd { font-size:56px; }
 .evidence-chart-heading { flex-wrap:wrap; gap:10px; }
}
@media (max-width:720px) {
 .landing-study .evidence-section { padding-block:44px; }
 .evidence-heading { display:block; margin-bottom:24px; }
 .evidence-heading > p { margin-top:18px; max-width:none; font-size:13px; }
 .evidence-heading > p br { display:none; }
 .evidence-layout { grid-template-columns:1fr; gap:26px; }
 .evidence-plot-column { padding-top:10px; }
 .evidence-chart-heading { display:block; font-size:10px; }
 .evidence-legend { margin-top:12px; font-size:11px; }
 .evidence-reading { border-top:1px solid var(--line); padding-top:23px; }
 .evidence-reading-intro { max-width:none; }
 .evidence-values { grid-template-columns:1fr 1fr; gap:22px; margin:20px 0 0; }
 .evidence-values dd { font-size:50px; margin-top:7px; }
 .evidence-values dt { font-size:11px; }
 .evidence-values dd small { font-size:23px; }
 .evidence-observation { padding-top:20px; max-width:360px; font-size:12px; }
 .evidence-source,.evidence-methods { grid-column:1/-1; padding-top:0; }
 .landing-study .evidence-study { row-gap:14px; }
 .landing-study .evidence-desktop { display:none; }
 .landing-study .evidence-mobile { display:block; }
 .evidence-grid text { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) { .evidence-plot .evidence-selection-ring,.evidence-pair-link,.evidence-recipes button { transition:none; } }

/* Measured engineering results share one editorial field, with zero-based bars. */
.landing-study .engineering-section { display:block; padding-block:48px 66px; --engineering-bar:linear-gradient(90deg,var(--chart-secondary),var(--chart-secondary-end)); --engineering-accent:linear-gradient(90deg,var(--chart-primary),var(--chart-primary-end)); }
.landing-study[data-theme="dark"] .engineering-section { --engineering-bar:linear-gradient(90deg,var(--chart-secondary-end),var(--chart-secondary)); --engineering-accent:linear-gradient(90deg,var(--chart-primary-end),var(--chart-primary)); }
.engineering-heading { margin-bottom:38px; }
.engineering-heading .eyebrow { margin-bottom:16px; }
.engineering-result,.engineering-connections { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); column-gap:80px; align-items:center; }
.engineering-result { padding-block:30px; border-top:1px solid var(--line); border-image:var(--chapter-rule) 1; }
.engineering-heading + .engineering-result { border-top:0; padding-top:4px; }
.engineering-claim h3 { display:flex; align-items:baseline; gap:17px; font-weight:400; }
.engineering-claim strong { font-size:64px; line-height:1.1; letter-spacing:-.06em; font-weight:400; font-variant-numeric:tabular-nums; }
.engineering-claim strong > span { font-size:.5em; letter-spacing:-.025em; margin-left:2px; color:var(--muted); }
.engineering-claim h3 > span { font-size:19px; letter-spacing:-.025em; }
.engineering-claim p,.engineering-connections p { margin-top:13px; max-width:360px; font-size:13px; line-height:1.75; color:var(--muted); }
.engineering-comparison { margin:0; min-width:0; }
.engineering-comparison figcaption { color:var(--muted); font-size:11px; line-height:1.6; margin-bottom:18px; }
.engineering-bar-row { display:grid; grid-template-columns:74px minmax(0,1fr) 76px; align-items:center; gap:17px; margin-top:15px; font-size:12px; font-variant-numeric:tabular-nums; color:var(--muted); }
.engineering-bar-row > span:last-child { text-align:right; white-space:nowrap; }
.engineering-bar-track { height:16px; min-width:0; border-radius:3px; background:linear-gradient(90deg,#9a9fa526,#9a9fa509) center / 100% 1px no-repeat; }
.engineering-bar-track { background-color:#89959b0a; }
.landing-study[data-theme="dark"] .engineering-bar-track { background-color:#ffffff04; }
.engineering-bar-track i { display:block; position:relative; height:100%; border-radius:3px; overflow:hidden; opacity:.78; background:var(--engineering-bar); box-shadow:inset 0 1px 0 #ffffff10; transform-origin:left center; }
.engineering-bar-track i::after { content:''; position:absolute; inset:0 0 0 auto; width:1px; background:#ffffff24; }
.engineering-bar-improved { color:var(--ink); }
.engineering-bar-improved > span:last-child { font-size:15px; font-weight:450; letter-spacing:-.015em; }
.engineering-bar-improved i { opacity:.9; background:var(--engineering-accent); }
.engineering-connections { border-top:1px solid var(--line); border-image:var(--chapter-rule) 1; padding-block:32px 26px; }
.engineering-connections h3 { font-weight:450; font-size:22px; line-height:1.3; letter-spacing:-.035em; }
.engineering-sources { margin:0; display:grid; gap:24px; }
.engineering-sources > div { display:grid; grid-template-columns:80px minmax(0,1fr); gap:18px; align-items:baseline; }
.engineering-sources dt { font-size:15px; font-weight:450; letter-spacing:-.025em; }
.engineering-sources dd { margin:0; font-size:13px; line-height:1.6; }
.engineering-sources dd span { padding-inline:7px; color:var(--muted); }
.engineering-sources small { display:block; margin-top:4px; color:var(--muted); font-size:11px; line-height:1.6; }
.engineering-methods { border-top:1px solid var(--line); padding-top:15px; }
.engineering-methods summary { min-height:32px; display:flex; align-items:center; }
.engineering-methods > div { max-width:900px; padding-top:12px; }

/* Evidence and engineering continue on the same neutral page field. */
.landing-study[data-theme] :is(.evidence-section,.engineering-section) { --section-field:var(--paper); }
.landing-study[data-theme="light"] :is(.evidence-section,.engineering-section) { position:relative; isolation:isolate; }
.landing-study[data-theme="light"] :is(.evidence-section,.engineering-section)::after { content:''; position:absolute; z-index:-1; pointer-events:none; inset-block:0; width:100vw; left:50%; transform:translateX(-50%); background:var(--section-field); }

.landing-study[data-theme="dark"] :is(.evidence-values dd,.engineering-claim strong,.prediction-values dd,.prediction-takeaway strong) { color:#dfe1e4; }
.landing-study[data-theme="light"] :is(.evidence-values dd,.engineering-claim strong,.prediction-values dd,.prediction-takeaway strong) { color:#41464f; }
@media (max-width:1000px) {
 .engineering-result,.engineering-connections { column-gap:36px; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); }
 .engineering-claim strong { font-size:50px; }
 .engineering-claim h3 { gap:13px; }
 .engineering-claim h3 > span { font-size:17px; }
 .engineering-bar-row { gap:10px; grid-template-columns:68px minmax(0,1fr) 70px; }
 .engineering-sources > div { grid-template-columns:70px minmax(0,1fr); gap:12px; }

}
@media (max-width:720px) {


 .landing-study .engineering-section { padding-block:42px 44px; }
 .engineering-heading { margin-bottom:28px; }
 .engineering-result,.engineering-connections { grid-template-columns:1fr; row-gap:25px; }
 .engineering-result { padding-block:27px 30px; }
 .engineering-claim p { max-width:360px; }
 .engineering-comparison figcaption { margin-bottom:14px; }
 .engineering-bar-row { grid-template-columns:minmax(0,1fr) auto; gap:7px 16px; margin-top:16px; }
 .engineering-bar-row > span:first-child { grid-column:1; grid-row:1; }
 .engineering-bar-row > span:last-child { grid-column:2; grid-row:1; }
 .engineering-bar-track { grid-column:1/-1; grid-row:2; height:14px; }
 .engineering-claim strong { font-size:52px; }
 .engineering-claim h3 > span { font-size:19px; }
 .engineering-connections { padding-block:28px; }
 .engineering-sources dd { font-size:12px; }
 .engineering-sources dd span { padding-inline:3px; }
}