:root {
  --series-latino: #d0ad72;
  --series-white: #f3eee6;
  --series-asian: #8fa2b2;
  --series-black: #9fbaa7;
  --series-other: #6f6860;
}

.data-principle strong { font-size: 14px; }

.stats-hero { padding-top: clamp(46px, 6vw, 86px); }
.stats-hero-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(270px, 0.7fr); align-items: end; gap: clamp(32px, 6vw, 86px); }
.stats-hero h1 { max-width: 920px; margin: clamp(32px, 5vw, 62px) 0 0; font-size: clamp(54px, 7.5vw, 104px); font-weight: 400; line-height: 0.93; letter-spacing: .04em; }
.stats-hero h1 em { color: var(--accent); font-style: normal; }
.stats-hero-grid > div > p { max-width: 780px; margin: 30px 0 0; color: var(--ink-soft); font-size: clamp(16px, 1.5vw, 20px); }
.truth-key { display: grid; gap: 14px; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }
.truth-key > small { padding-bottom: 14px; border-bottom: 1px solid var(--line); color: var(--accent); font: 600 8px var(--font-mono); text-transform: uppercase; }
.truth-key > div { display: grid; grid-template-columns: 70px 1fr; align-items: start; gap: 12px; }
.truth-key p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.data-tag { display: inline-flex; width: fit-content; align-items: center; padding: 5px 7px; border: 1px solid currentColor; border-radius: 999px; font: 600 7px var(--font-mono); letter-spacing: 0.03em; text-transform: uppercase; }
.data-tag.is-public { color: var(--observed); background: var(--observed-soft); }
.data-tag.is-crawl { color: var(--modeled); background: var(--modeled-soft); }
.data-tag.is-supplied { color: var(--given); background: var(--given-soft); }
.data-tag.is-locked { color: var(--warning); background: var(--warning-soft); }

.headline-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-top: 48px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--line); }
.headline-metrics article { display: grid; min-height: 225px; grid-template-rows: auto 1fr auto auto; gap: 8px; padding: 22px; background: var(--surface); }
.headline-metrics strong { align-self: end; margin-top: 24px; font-size: clamp(34px, 4vw, 54px); font-weight: 500; line-height: 1; letter-spacing: -0.05em; }
.headline-metrics p { margin: 4px 0 0; color: var(--ink-soft); font-size: 11px; line-height: 1.35; }
.headline-metrics small { color: var(--dim); font: 500 7px var(--font-mono); text-transform: uppercase; }
.snapshot-note { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 24px; margin-top: 16px; padding: 22px 24px; border-left: 3px solid var(--accent); background: var(--accent-soft); }
.snapshot-note span { color: var(--accent); font: 600 8px var(--font-mono); text-transform: uppercase; }
.snapshot-note p { margin: 0; color: var(--ink-soft); font-size: 13px; }

.population-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.7fr); align-items: stretch; gap: 16px; }
.composition-chart, .population-warning, .language-report, .site-composition, .stack-report, .prior-block, .risk-story, .performance-story, .public-signals, .stats-sources { border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }
.composition-chart { padding: clamp(24px, 4vw, 40px); }
.chart-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.chart-head span { color: var(--ink); font-size: 13px; font-weight: 700; }
.chart-head small { color: var(--muted); font: 500 8px var(--font-mono); text-transform: uppercase; }
.composition-stack, .prior-stack, .health-bar { display: flex; overflow: hidden; border-radius: 999px; background: var(--surface-3); }
.composition-stack { height: 38px; margin-top: 28px; }
.composition-stack i, .prior-stack i { display: block; width: var(--share); height: 100%; }
.is-latino { background: var(--series-latino); }
.is-white { background: var(--series-white); }
.is-asian { background: var(--series-asian); }
.is-black { background: var(--series-black); }
.is-other { background: var(--series-other); }
.composition-rows { display: grid; margin-top: 24px; }
.composition-rows > div { display: grid; grid-template-columns: 10px minmax(0, 1fr) 60px 70px; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.composition-rows > div:last-child { border-bottom: 0; }
.composition-rows i { width: 8px; height: 8px; border-radius: 50%; }
.composition-rows span { color: var(--ink-soft); font-size: 10px; }
.composition-rows strong { font: 600 10px var(--font-mono); text-align: right; }
.composition-rows small { color: var(--muted); font: 500 8px var(--font-mono); text-align: right; }
.population-warning { display: flex; flex-direction: column; justify-content: center; padding: clamp(24px, 4vw, 38px); border-color: rgba(239, 201, 120, 0.24); background: var(--given-soft); }
.population-warning h3 { margin: 24px 0 0; font-size: clamp(24px, 3vw, 38px); font-weight: 550; line-height: 1.15; letter-spacing: -0.04em; }
.population-warning p { margin: 18px 0 0; color: var(--ink-soft); font-size: 12px; }
.population-warning > small { margin-top: 28px; padding-top: 18px; border-top: 1px solid rgba(239, 201, 120, 0.22); color: var(--given); font: 500 8px var(--font-mono); }
.source-table { margin-top: 16px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }
.source-table summary { display: grid; grid-template-columns: 1fr auto 24px; min-height: 68px; align-items: center; gap: 14px; padding: 16px 20px; cursor: pointer; list-style: none; }
.source-table summary::-webkit-details-marker { display: none; }
.source-table summary span { font-size: 12px; font-weight: 700; }
.source-table summary small { color: var(--muted); font: 500 8px var(--font-mono); text-transform: uppercase; }
.source-table summary i { color: var(--accent); font: 400 20px var(--font-mono); font-style: normal; transition: transform var(--base) var(--ease); }
.source-table[open] summary i { transform: rotate(45deg); }
.source-table > div { padding: 0 20px 20px; }
.source-table > div > p { margin: 0 0 16px; color: var(--muted); font-size: 9px; }
.source-table table { min-width: 620px; }
.source-table th, .source-table td { padding: 13px 14px; }

.people-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.fact-group { padding: 26px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }
.fact-title { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.fact-title small { color: var(--accent); font: 600 8px var(--font-mono); text-transform: uppercase; }
.fact-title strong { font-size: 13px; }
.fact-group article { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.fact-group article:last-child { border-bottom: 0; }
.fact-group article span { color: var(--muted); font-size: 10px; }
.fact-group article strong { font: 600 14px var(--font-mono); }
.language-report { display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(300px, 1.14fr); gap: 36px; margin-top: 16px; padding: clamp(26px, 4vw, 42px); }
.language-report > div:first-child small { color: var(--accent); font: 600 8px var(--font-mono); text-transform: uppercase; }
.language-report h3 { margin: 10px 0 0; font-size: clamp(24px, 3vw, 38px); font-weight: 550; line-height: 1.16; }
.language-report > div:first-child p { margin: 16px 0 0; color: var(--muted); font-size: 11px; }
.language-bars { display: grid; align-content: center; gap: 18px; }
.language-bars > div { display: grid; grid-template-columns: 96px minmax(90px, 1fr) 50px; align-items: center; gap: 14px; }
.language-bars span { color: var(--ink-soft); font-size: 9px; }
.language-bars i, .composition-list i, .score-card i { display: block; overflow: hidden; border-radius: 99px; background: var(--surface-3); }
.language-bars i { height: 9px; }
.language-bars i b, .composition-list i b { display: block; width: var(--bar); height: 100%; border-radius: inherit; background: var(--dim); }
.language-bars .is-accent i b { background: var(--accent); }
.language-bars strong { color: var(--muted); font: 600 9px var(--font-mono); text-align: right; }
.language-report aside { grid-column: 1 / -1; padding: 18px 20px; border-left: 2px solid var(--accent); background: var(--accent-soft); color: var(--ink-soft); font-size: 11px; }

.prior-block { padding: clamp(26px, 4vw, 42px); }
.prior-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.prior-head h3 { margin: 12px 0 0; font-size: clamp(26px, 3vw, 40px); font-weight: 550; }
.prior-head > p { max-width: 300px; margin: 0; color: var(--warning); font: 500 9px var(--font-mono); text-align: right; }
.prior-stack { height: 76px; margin-top: 34px; border-radius: var(--radius-sm); }
.prior-stack i { display: grid; min-width: 5px; place-items: center; color: var(--accent-ink); font: 600 10px var(--font-mono); font-style: normal; }
.prior-stack i.is-black, .prior-stack i.is-other { color: var(--ink); }
.prior-labels { display: grid; grid-template-columns: 48.8fr 25fr 16.4fr 8.9fr .9fr; margin-top: 10px; }
.prior-labels span { overflow: hidden; color: var(--muted); font: 500 7px var(--font-mono); text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.exposure-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.exposure-grid article { display: grid; min-height: 250px; grid-template-rows: auto 1fr auto auto; gap: 10px; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }
.exposure-grid strong { align-self: end; margin-top: 24px; font-size: clamp(27px, 3vw, 40px); font-weight: 500; line-height: 1; letter-spacing: -0.04em; }
.exposure-grid p { margin: 4px 0 0; color: var(--ink-soft); font-size: 10px; }
.exposure-grid small { color: var(--muted); font-size: 8px; }
.risk-story { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr); gap: 48px; margin-top: 16px; padding: clamp(26px, 4vw, 42px); }
.risk-story > div small, .stack-report > div small, .public-signals > div small { color: var(--accent); font: 600 8px var(--font-mono); text-transform: uppercase; }
.risk-story h3, .stack-report h3, .public-signals h3 { margin: 10px 0 0; font-size: clamp(25px, 3vw, 40px); font-weight: 550; line-height: 1.14; }
.risk-story ol, .public-signals ol { display: grid; gap: 17px; margin: 0; padding: 0; list-style: none; }
.risk-story li, .public-signals li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; }
.risk-story li span, .public-signals li span { color: var(--dim); font: 500 8px var(--font-mono); }
.risk-story li p, .public-signals li p { margin: 0; color: var(--muted); font-size: 10px; }
.risk-story li strong, .public-signals li strong { color: var(--ink-soft); }

.gtm-thesis { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 28px; padding: 24px 28px; border-left: 2px solid var(--crimson); background: var(--surface); }
.gtm-thesis span, .gtm-next > span { color: var(--muted); font: 600 9px var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.gtm-thesis p { max-width: 900px; margin: 0; color: var(--ink-soft); font-size: 15px; }
.gtm-plays { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.gtm-play { display: flex; min-height: 430px; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }
.gtm-play.is-lead { border-top: 3px solid var(--paper); }
.gtm-play > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.gtm-play > div:first-child span { color: var(--muted); font: 600 8px var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.gtm-play > div:first-child b { color: var(--muted); font: 400 24px var(--font-display); letter-spacing: .04em; }
.gtm-play h3 { margin: 28px 0 0; font: 400 clamp(27px, 2.7vw, 38px)/.98 var(--font-display); letter-spacing: .04em; }
.gtm-play > p { margin: 16px 0 0; color: var(--muted); font-size: 11px; }
.gtm-play dl { display: grid; gap: 16px; margin: 28px 0 0; }
.gtm-play dl > div { padding-top: 14px; border-top: 1px solid var(--line); }
.gtm-play dt { color: var(--paper); font-size: 9px; font-weight: 600; text-transform: uppercase; }
.gtm-play dd { margin: 6px 0 0; color: var(--muted); font-size: 9px; }
.gtm-play footer { margin-top: auto; padding-top: 18px; color: var(--given); font-size: 9px; }
.gtm-play code { font-size: inherit; }
.gtm-play.is-compact { min-height: 230px; }
.gtm-play.is-compact > p { margin-top: auto; padding-top: 28px; }
.gtm-plays .gtm-play:nth-child(5) { grid-column: 1 / 2; }
.gtm-plays .gtm-play:nth-child(6) { grid-column: 2 / 4; }
.gtm-plays .gtm-play:nth-child(7) { grid-column: 4 / 5; }
.gtm-execution { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.gtm-execution > section { padding: clamp(24px, 4vw, 38px); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }
.gtm-execution > section > span { color: var(--paper); font: 400 28px var(--font-display); letter-spacing: .04em; }
.gtm-execution ol { display: grid; gap: 0; margin: 20px 0 0; padding: 0; list-style: none; }
.gtm-execution li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; padding: 16px 0; border-top: 1px solid var(--line); }
.gtm-execution li b { color: var(--dim); font-size: 8px; }
.gtm-execution li p { margin: 0; color: var(--muted); font-size: 10px; }
.gtm-execution li strong { color: var(--ink-soft); }
.gtm-guardrails { display: grid; grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr); gap: 44px; margin-top: 16px; padding: clamp(24px, 4vw, 40px); border: 1px solid rgba(200, 30, 58, .34); border-radius: var(--radius-lg); background: var(--danger-soft); }
.gtm-guardrails span { color: var(--crimson); font: 600 8px var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.gtm-guardrails h3 { margin: 10px 0 0; font: 400 clamp(28px, 3vw, 42px)/1 var(--font-display); letter-spacing: .04em; }
.gtm-guardrails ul { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.gtm-guardrails li { position: relative; padding-left: 22px; color: var(--ink-soft); font-size: 11px; }
.gtm-guardrails li::before { position: absolute; left: 0; color: var(--crimson); content: "×"; }
.gtm-next { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 8px 28px; margin-top: 16px; padding: 28px; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: var(--paper); color: var(--accent-ink); }
.gtm-next > span { grid-row: 1 / span 2; color: rgba(11, 10, 9, .64); }
.gtm-next p { margin: 0; font: 400 clamp(27px, 3.4vw, 44px)/1 var(--font-display); letter-spacing: .04em; }
.gtm-next small { color: rgba(11, 10, 9, .62); font-size: 10px; }

.site-health { padding: clamp(26px, 4vw, 42px); border: 1px solid rgba(133, 167, 255, 0.24); border-radius: var(--radius-lg); background: var(--modeled-soft); }
.health-summary { display: grid; grid-template-columns: auto 110px 1fr; align-items: end; gap: 20px; }
.health-summary strong { font-size: 68px; font-weight: 500; line-height: .85; letter-spacing: -0.06em; }
.health-summary p { margin: 0; color: var(--ink-soft); font-size: 16px; }
.health-bar { height: 54px; margin-top: 30px; border-radius: var(--radius-sm); }
.health-bar > div { display: grid; width: var(--share); height: 100%; place-items: center; overflow: hidden; color: var(--accent-ink); font: 600 9px var(--font-mono); white-space: nowrap; }
.health-bar .is-live { background: var(--observed); }
.health-bar .is-broken { background: var(--danger); color: var(--ink); }
.site-health > p { margin: 16px 0 0; color: var(--muted); font-size: 9px; }
.site-composition { margin-top: 16px; padding: clamp(26px, 4vw, 42px); }
.composition-list { display: grid; gap: 18px; margin-top: 28px; }
.composition-list > div { display: grid; grid-template-columns: 120px minmax(100px, 1fr) 38px 230px; align-items: center; gap: 16px; }
.composition-list span { color: var(--ink-soft); font-size: 10px; }
.composition-list i { height: 9px; }
.composition-list i b { background: var(--modeled); }
.composition-list .is-warning i b { background: var(--warning); }
.composition-list strong { font: 600 10px var(--font-mono); text-align: right; }
.composition-list small { color: var(--muted); font-size: 8px; }
.website-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.website-card { min-height: 235px; padding: 22px; border: 1px solid var(--line); border-top: 3px solid var(--modeled); border-radius: var(--radius-md); background: var(--surface); }
.website-card.is-warning { border-top-color: var(--warning); }
.website-card.is-danger { border-top-color: var(--danger); }
.website-card > span { color: var(--muted); font: 600 8px var(--font-mono); text-transform: uppercase; }
.website-card strong { display: block; margin-top: 30px; font-size: clamp(32px, 4vw, 50px); font-weight: 500; line-height: 1; letter-spacing: -0.05em; }
.website-card p { margin: 12px 0 0; color: var(--ink-soft); font-size: 11px; }
.website-card small { display: block; margin-top: 16px; color: var(--muted); font-size: 8px; }
.stack-report { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr); gap: 42px; margin-top: 16px; padding: clamp(26px, 4vw, 42px); }
.stack-report > div p { margin: 18px 0 0; color: var(--muted); font-size: 11px; }
.stack-report ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.stack-report li { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 14px; }
.stack-report li span { color: var(--accent); font: 600 9px var(--font-mono); }
.stack-report li p { margin: 0; color: var(--ink-soft); font-size: 10px; }

.score-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.score-card { min-height: 240px; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }
.score-card span { color: var(--muted); font: 600 8px var(--font-mono); text-transform: uppercase; }
.score-card strong { display: block; margin-top: 34px; font-size: 58px; font-weight: 500; line-height: 1; letter-spacing: -0.06em; }
.score-card i { height: 8px; margin-top: 28px; }
.score-card i::before { display: block; width: var(--score); height: 100%; border-radius: inherit; background: var(--observed); content: ""; }
.score-card.is-bad i::before { background: var(--danger); }
.score-card small { display: block; margin-top: 13px; color: var(--muted); font-size: 8px; }
.performance-story { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(270px, .8fr); gap: 16px; margin-top: 16px; padding: 16px; }
.waterfall-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--line); }
.waterfall-metrics article { display: grid; min-height: 180px; align-content: space-between; gap: 30px; padding: 18px; background: var(--surface-2); }
.waterfall-metrics small { color: var(--muted); font-size: 8px; }
.waterfall-metrics strong { font: 600 clamp(20px, 2.3vw, 30px) var(--font-mono); }
.waterfall-metrics .is-critical strong { color: var(--danger); }
.waterfall-metrics .is-good strong { color: var(--observed); }
.page-weight { display: grid; align-content: start; grid-template-columns: 1fr 1fr; gap: 12px; padding: 24px; border-radius: var(--radius-md); background: var(--surface-2); }
.page-weight > small { grid-column: 1 / -1; color: var(--accent); font: 600 8px var(--font-mono); text-transform: uppercase; }
.page-weight > div { margin-top: 18px; }
.page-weight strong { display: block; font-size: 24px; }
.page-weight span { color: var(--muted); font-size: 8px; }
.page-weight p { grid-column: 1 / -1; margin: 18px 0 0; padding-top: 18px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: 10px; }
.performance-note { display: grid; grid-template-columns: 130px 1fr; gap: 24px; margin-top: 16px; padding: 22px; border-left: 3px solid var(--warning); background: var(--warning-soft); }
.performance-note span { color: var(--warning); font: 600 8px var(--font-mono); text-transform: uppercase; }
.performance-note p { margin: 0; color: var(--ink-soft); font-size: 11px; }

.locked-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.locked-metrics article { display: grid; min-height: 230px; grid-template-rows: auto 1fr auto auto; gap: 10px; padding: 22px; border: 1px dashed rgba(255, 174, 98, .4); border-radius: var(--radius-md); background: var(--warning-soft); }
.locked-metrics strong { align-self: end; color: var(--warning); font-size: 54px; font-weight: 500; line-height: 1; }
.locked-metrics p { margin: 4px 0 0; color: var(--ink-soft); font-size: 11px; }
.locked-metrics small { color: var(--muted); font: 500 8px var(--font-mono); }
.public-signals { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr); gap: 48px; margin-top: 16px; padding: clamp(26px, 4vw, 42px); }
.access-plan { display: grid; grid-template-columns: 160px repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 16px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--line); }
.access-plan > span, .access-plan > div { min-height: 150px; padding: 22px; background: var(--surface); }
.access-plan > span { color: var(--accent); font: 600 8px var(--font-mono); text-transform: uppercase; }
.access-plan strong { font-size: 12px; }
.access-plan p { margin: 14px 0 0; color: var(--muted); font-size: 9px; }
.stats-sources { margin-top: 44px; }
.source-boundary { margin: 26px 0 0; padding-top: 22px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; }

@media (max-width: 1100px) {
  .headline-metrics, .exposure-grid, .score-grid, .locked-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .population-layout, .stats-hero-grid { grid-template-columns: 1fr; }
  .truth-key { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .truth-key > small { grid-column: 1 / -1; }
  .website-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .performance-story { grid-template-columns: 1fr; }
  .access-plan { grid-template-columns: 140px repeat(3, minmax(0, 1fr)); }
  .gtm-plays { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gtm-plays .gtm-play:nth-child(n) { grid-column: auto; }
}

@media (max-width: 820px) {
  .stats-back { display: none; }
  .stats-hero h1 { font-size: clamp(50px, 12vw, 82px); }
  .language-report, .risk-story, .stack-report, .public-signals { grid-template-columns: 1fr; gap: 26px; }
  .people-facts { grid-template-columns: 1fr; }
  .composition-list > div { grid-template-columns: 100px minmax(80px, 1fr) 34px; }
  .composition-list small { grid-column: 2 / -1; }
  .waterfall-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .waterfall-metrics article:last-child { grid-column: 1 / -1; }
  .access-plan { grid-template-columns: 1fr; }
  .access-plan > span, .access-plan > div { min-height: 0; }
  .gtm-execution, .gtm-guardrails { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .stats-hero { padding-top: 34px; }
  .stats-hero h1 { font-size: clamp(48px, 15vw, 70px); }
  .truth-key { grid-template-columns: 1fr; padding: 20px; border-radius: var(--radius-md); }
  .truth-key > small { grid-column: auto; }
  .headline-metrics, .exposure-grid, .website-grid, .score-grid, .locked-metrics { grid-template-columns: 1fr; }
  .gtm-plays { grid-template-columns: 1fr; }
  .gtm-play, .gtm-play.is-compact { min-height: 0; }
  .gtm-thesis, .gtm-next { grid-template-columns: 1fr; gap: 10px; }
  .gtm-next > span { grid-row: auto; }
  .headline-metrics article, .exposure-grid article, .website-card, .score-card, .locked-metrics article { min-height: 0; }
  .snapshot-note, .performance-note { grid-template-columns: 1fr; gap: 10px; }
  .composition-chart, .population-warning, .language-report, .site-composition, .stack-report, .prior-block, .risk-story, .performance-story, .public-signals { padding: 20px; border-radius: var(--radius-md); }
  .chart-head, .prior-head { align-items: flex-start; flex-direction: column; }
  .prior-head > p { text-align: left; }
  .composition-stack { height: 28px; }
  .composition-rows > div { grid-template-columns: 10px minmax(0, 1fr) 52px; gap: 10px; }
  .composition-rows small { grid-column: 2 / -1; text-align: left; }
  .source-table summary { grid-template-columns: 1fr 24px; }
  .source-table summary small { display: none; }
  .source-table > div { overflow-x: auto; }
  .fact-group { padding: 20px; border-radius: var(--radius-md); }
  .language-bars > div { grid-template-columns: 86px minmax(70px, 1fr) 42px; gap: 9px; }
  .prior-stack { height: 54px; }
  .prior-stack i span { display: none; }
  .prior-labels span { font-size: 6px; }
  .health-summary { grid-template-columns: 1fr; align-items: start; }
  .health-summary strong { font-size: 54px; }
  .health-bar { height: 88px; flex-direction: column; border-radius: var(--radius-sm); }
  .health-bar > div { width: 100%; height: var(--share); }
  .composition-list > div { grid-template-columns: 92px minmax(70px, 1fr) 30px; gap: 9px; }
  .waterfall-metrics { grid-template-columns: 1fr; }
  .waterfall-metrics article, .waterfall-metrics article:last-child { grid-column: auto; min-height: 118px; }
  .page-weight { grid-template-columns: 1fr; }
  .page-weight > small, .page-weight p { grid-column: auto; }
}

@media print {
  .stats-back { display: none !important; }
  .truth-key, .headline-metrics article, .composition-chart, .population-warning, .source-table, .fact-group, .language-report, .prior-block, .exposure-grid article, .risk-story, .site-health, .site-composition, .website-card, .stack-report, .score-card, .performance-story, .locked-metrics article, .public-signals, .access-plan, .stats-sources { break-inside: avoid; box-shadow: none; }
  .source-table:not([open]) > div { display: block; }
}
