

.stats-guide { background: #f3eee4; }
.stats-header { background: rgba(247,243,234,.94); }
.stats-header nav a:hover { color: #087f70; }
.stats-hero {
  min-height: calc(100svh - 84px);
  padding: clamp(54px,7vw,105px) 5vw;
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(410px,.92fr);
  gap: clamp(46px,8vw,130px);
  align-items: center;
  color: white;
  background: #071d2a;
}
.stats-hero .research-breadcrumb { margin-bottom: clamp(44px,6vw,78px); color: #8da5ad; }
.stats-hero .research-breadcrumb b { color: #d7e3e5; }
.stats-hero .research-breadcrumb a:hover { color: var(--mint); }
.stats-hero .eyebrow { color: var(--mint); }
.stats-hero-copy h1 { max-width: 920px; margin: 0; color: #f8f3e9; font-size: clamp(58px,7.2vw,112px); line-height: .86; letter-spacing: -.057em; }
.stats-hero-copy h1 em { color: var(--teal); font-weight: 400; }
.stats-hero-copy > p:not(.eyebrow) { max-width: 760px; margin: 32px 0 0; color: #a7b9bf; font-size: clamp(15px,1.35vw,19px); line-height: 1.75; }
.stats-hero-actions { margin-top: 38px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.stats-hero-actions .button { border-radius: 0; }
.stats-text-link { padding-bottom: 7px; border-bottom: 1px solid rgba(170,240,223,.38); color: var(--mint); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.stats-hero-meta { margin-top: 58px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.14); display: flex; flex-wrap: wrap; gap: 20px 34px; }
.stats-hero-meta span { color: #8fa6ae; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.stats-hero-meta b { margin-right: 8px; color: var(--teal); }

.stats-decision-board { padding: clamp(28px,3.2vw,48px); color: var(--ink); background: #d4f0e7; box-shadow: 28px 28px 0 rgba(28,203,177,.12); }
.stats-board-top { padding-bottom: 28px; border-bottom: 1px solid rgba(7,29,42,.24); display: flex; justify-content: space-between; gap: 22px; align-items: end; }
.stats-board-top span { font: 900 8px/1 var(--font-mono); letter-spacing: .14em; }
.stats-board-top b { font-family: var(--font-display); font-size: clamp(32px,3vw,46px); font-weight: 400; }
.stats-decision-board ol { margin: 0; padding: 0; list-style: none; }
.stats-decision-board li { padding: 24px 0; border-bottom: 1px solid rgba(7,29,42,.2); display: grid; grid-template-columns: 34px 1fr; gap: 16px; }
.stats-decision-board li > span { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: var(--mint); background: var(--ink); font: 900 8px/1 var(--font-mono); }
.stats-decision-board li div { display: grid; gap: 8px; }
.stats-decision-board li small { color: #327066; font: 900 7px/1 var(--font-mono); letter-spacing: .14em; }
.stats-decision-board li strong { font-family: var(--font-display); font-size: clamp(18px,1.7vw,25px); font-weight: 400; line-height: 1.25; }
.stats-decision-board > p { margin: 26px 0 0; color: #305f59; font-size: 10px; font-weight: 800; line-height: 1.6; }

.stats-signal { min-height: 68px; padding: 0 5vw; display: flex; align-items: center; justify-content: space-between; gap: 24px; overflow-x: auto; color: var(--ink); background: var(--amber); }
.stats-signal span { white-space: nowrap; font-size: 9px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.stats-signal i { width: 5px; height: 5px; flex: 0 0 auto; border-radius: 50%; background: var(--ink); opacity: .45; }

.stats-section { padding: clamp(88px,9vw,145px) 5vw; scroll-margin-top: 86px; }
.stats-section-heading { margin-bottom: clamp(46px,6vw,84px); display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); gap: clamp(36px,8vw,130px); align-items: end; }
.stats-section-heading .eyebrow { margin-bottom: 18px; }
.stats-section-heading h2 { max-width: 880px; margin: 0; font-family: var(--font-display); font-size: clamp(45px,5.5vw,83px); font-weight: 400; line-height: .94; letter-spacing: -.045em; }
.stats-section-heading > p { max-width: 620px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.stats-foundation-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.stats-foundation-grid article { min-height: 430px; padding: clamp(27px,3vw,44px); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; }
.stats-foundation-grid article > span { color: #078877; font: 900 8px/1 var(--font-mono); letter-spacing: .13em; }
.stats-foundation-grid h3 { margin: 60px 0 20px; font-family: var(--font-display); font-size: clamp(29px,2.8vw,42px); font-weight: 400; line-height: 1.05; }
.stats-foundation-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.stats-foundation-grid small { margin-top: auto; padding-top: 24px; border-top: 1px solid var(--line); color: #365b66; font-size: 10px; font-weight: 800; line-height: 1.6; }

.stats-section--ink { color: white; background: #0b2a37; }
.stats-section--ink .stats-section-heading > p { color: #9db0b7; }
.stats-variable-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
.stats-variable-grid article { min-height: 340px; padding: clamp(28px,3.2vw,48px); border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); display: flex; flex-direction: column; }
.stats-variable-grid article > span { color: var(--teal); font: 900 8px/1 var(--font-mono); letter-spacing: .15em; }
.stats-variable-grid h3 { margin: 38px 0 17px; font-family: var(--font-display); font-size: clamp(30px,3.2vw,48px); font-weight: 400; }
.stats-variable-grid p { max-width: 650px; margin: 0; color: #a8bbc1; font-size: 13px; line-height: 1.75; }
.stats-variable-grid b { margin-top: auto; padding-top: 28px; color: #d6e5e7; font-size: 10px; line-height: 1.65; }

.stats-method-table-wrap { width: 100%; border: 1px solid var(--line); overflow-x: auto; background: var(--paper); outline: none; }
.stats-method-table-wrap:focus-visible { outline: 3px solid var(--amber); outline-offset: 4px; }
.stats-method-table { width: 100%; min-width: 1080px; border-collapse: collapse; }
.stats-method-table th { padding: 17px 20px; color: #45616a; background: #e6ded1; font: 900 8px/1.35 var(--font-mono); letter-spacing: .1em; text-align: left; text-transform: uppercase; }
.stats-method-table td { padding: 24px 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; line-height: 1.65; vertical-align: top; }
.stats-method-table td:first-child { width: 27%; }
.stats-method-table td:nth-child(2) { width: 18%; }
.stats-method-table td:nth-child(3) { width: 18%; }
.stats-method-table td strong { color: var(--ink); font-family: var(--font-display); font-size: 20px; font-weight: 400; line-height: 1.25; }
.stats-method-table td span { padding: 8px 10px; display: inline-block; color: #075f54; background: rgba(28,203,177,.16); font-size: 9px; font-weight: 900; }
.stats-table-note { margin: 24px 0 0; padding: 20px 24px; border-left: 3px solid var(--amber); color: #48616a; background: #ede5d8; font-size: 11px; line-height: 1.7; }

.stats-power { display: grid; grid-template-columns: minmax(0,.95fr) minmax(430px,1.05fr); gap: clamp(55px,9vw,145px); align-items: center; background: #e1d5c2; }
.stats-power h2 { margin: 18px 0 28px; font-family: var(--font-display); font-size: clamp(47px,5.6vw,84px); font-weight: 400; line-height: .94; letter-spacing: -.045em; }
.stats-power-copy > p:not(.eyebrow) { max-width: 700px; color: #3f5f69; font-size: 13px; line-height: 1.8; }
.stats-power blockquote { margin: 34px 0 0; padding: 22px 24px; border: 0; border-left: 3px solid #9a5d06; color: #284c57; background: rgba(255,255,255,.33); font-family: var(--font-display); font-size: clamp(21px,2vw,29px); line-height: 1.45; }
.stats-power-panel { padding: clamp(28px,4vw,58px); color: white; background: #071d2a; box-shadow: 25px 25px 0 rgba(7,29,42,.1); }
.stats-power-panel > div { padding: 22px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.stats-power-panel span { display: flex; justify-content: space-between; gap: 18px; color: #aec0c5; font-size: 10px; font-weight: 800; }
.stats-power-panel span b { color: var(--teal); font: 900 17px/1 var(--font-mono); }
.stats-power-panel i { height: 6px; margin-top: 16px; display: block; background: var(--teal); }
.stats-power-panel > small { margin-top: 24px; display: block; color: #748d95; font-size: 8px; line-height: 1.6; }

.stats-section--interpret { color: white; background: #071d2a; }
.stats-section--interpret .stats-section-heading > p { color: #9db0b7; }
.stats-interpret-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.15); border-left: 1px solid rgba(255,255,255,.15); }
.stats-interpret-grid article { min-height: 310px; padding: clamp(26px,2.8vw,42px); border-right: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }
.stats-interpret-grid article > span { color: var(--teal); font: 900 9px/1 var(--font-mono); }
.stats-interpret-grid h3 { margin: 55px 0 17px; font-family: var(--font-display); font-size: clamp(26px,2.6vw,38px); font-weight: 400; line-height: 1.08; }
.stats-interpret-grid p { margin: 0; color: #9eb2b9; font-size: 12px; line-height: 1.75; }

.stats-example { background: var(--paper); }
.stats-example-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.stats-example-grid article { min-height: 320px; padding: clamp(26px,2.8vw,40px); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; }
.stats-example-grid article > span { margin-left: auto; color: #b9ab97; font: 900 38px/1 var(--font-mono); }
.stats-example-grid small { margin-top: 26px; color: #087f70; font: 900 8px/1 var(--font-mono); letter-spacing: .14em; }
.stats-example-grid h3 { margin: 18px 0 14px; font-family: var(--font-display); font-size: clamp(25px,2.4vw,36px); font-weight: 400; }
.stats-example-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }

.stats-glossary dl { margin: 0; border-top: 1px solid var(--line); }
.stats-glossary dl > div { min-height: 96px; padding: 24px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: minmax(220px,.35fr) minmax(0,.65fr); gap: 50px; align-items: center; }
.stats-glossary dt { font-family: var(--font-display); font-size: clamp(23px,2vw,31px); }
.stats-glossary dd { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }

.stats-source { padding: clamp(70px,8vw,120px) 5vw; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(360px,.8fr); gap: clamp(45px,8vw,120px); color: white; background: #0d3543; }
.stats-source > div > span { color: var(--teal); font: 900 8px/1 var(--font-mono); letter-spacing: .14em; }
.stats-source h2 { max-width: 880px; margin: 22px 0 28px; font-family: var(--font-display); font-size: clamp(38px,4.6vw,68px); font-weight: 400; line-height: .98; }
.stats-source p { max-width: 820px; color: #a7bac0; font-size: 12px; line-height: 1.8; }
.stats-source > div > div { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 18px 28px; }
.stats-source > div a { padding-bottom: 7px; border-bottom: 1px solid rgba(170,240,223,.38); color: var(--mint); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.stats-source aside { min-height: 360px; padding: clamp(28px,3vw,44px); display: flex; flex-direction: column; color: var(--ink); background: var(--teal); }
.stats-source aside small { font: 900 8px/1 var(--font-mono); letter-spacing: .14em; }
.stats-source aside strong { margin: auto 0 32px; font-family: var(--font-display); font-size: clamp(28px,3vw,43px); font-weight: 400; line-height: 1.06; }
.stats-source aside a { min-height: 54px; padding: 0 18px; border: 0; display: flex; justify-content: space-between; align-items: center; color: white; background: var(--ink); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.stats-footer { background: #04141d; }

.stats-primer-callout { padding: clamp(36px,5vw,62px); display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; color: var(--ink); background: var(--teal); }
.stats-primer-callout .eyebrow { margin-bottom: 18px; }
.stats-primer-callout h2 { max-width: 680px; margin: 0 0 18px; font-family: var(--font-display); font-size: clamp(36px,4.5vw,62px); font-weight: 400; line-height: .96; }
.stats-primer-callout p:not(.eyebrow) { max-width: 740px; margin: 0; color: #184f50; font-size: 12px; line-height: 1.75; }
.stats-primer-callout > a { min-height: 58px; padding: 0 20px; display: flex; gap: 24px; align-items: center; justify-content: space-between; color: white; background: var(--ink); font-size: 9px; font-weight: 900; text-transform: uppercase; white-space: nowrap; }

@media (max-width: 1050px) {
  .stats-hero { grid-template-columns: 1fr; }
  .stats-decision-board { width: min(760px,100%); }
  .stats-foundation-grid { grid-template-columns: 1fr; }
  .stats-foundation-grid article { min-height: 320px; }
  .stats-interpret-grid, .stats-example-grid { grid-template-columns: 1fr 1fr; }
  .stats-power, .stats-source { grid-template-columns: 1fr; }
  .stats-power-panel, .stats-source aside { width: min(760px,100%); }
}

@media (max-width: 700px) {
  .stats-hero { min-height: 0; padding: 56px 20px 72px; gap: 55px; }
  .stats-hero .research-breadcrumb { margin-bottom: 42px; }
  .stats-hero-copy h1 { font-size: clamp(53px,15vw,72px); }
  .stats-hero-copy > p:not(.eyebrow) { font-size: 14px; }
  .stats-hero-actions { display: grid; }
  .stats-hero-actions .button { width: 100%; justify-content: space-between; }
  .stats-text-link { width: fit-content; }
  .stats-hero-meta { display: grid; }
  .stats-decision-board { padding: 26px 20px; box-shadow: 12px 12px 0 rgba(28,203,177,.12); }
  .stats-board-top { align-items: start; flex-direction: column; }
  .stats-signal { min-height: 58px; padding: 0 20px; justify-content: flex-start; }
  .stats-section { padding: 82px 20px; }
  .stats-section-heading { grid-template-columns: 1fr; gap: 24px; }
  .stats-section-heading h2 { font-size: clamp(43px,13vw,62px); }
  .stats-foundation-grid article { min-height: 350px; }
  .stats-variable-grid, .stats-interpret-grid, .stats-example-grid { grid-template-columns: 1fr; }
  .stats-variable-grid article { min-height: 315px; }
  .stats-power { padding-left: 20px; padding-right: 20px; }
  .stats-power-panel { padding: 25px 20px; box-shadow: 12px 12px 0 rgba(7,29,42,.1); }
  .stats-glossary dl > div { grid-template-columns: 1fr; gap: 12px; }
  .stats-source { padding: 72px 20px; }
  .stats-source aside { min-height: 320px; }
  .stats-primer-callout { grid-template-columns: 1fr; align-items: start; }
  .stats-primer-callout > a { width: 100%; white-space: normal; }
}

@media (max-width: 980px) and (orientation: landscape) {
  .stats-hero { min-height: 0; padding: 48px 24px 64px; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; }
  .stats-hero .research-breadcrumb { margin-bottom: 28px; }
  .stats-hero-copy h1 { font-size: clamp(43px,7.5vw,62px); }
  .stats-hero-copy > p:not(.eyebrow) { margin-top: 18px; font-size: 12px; }
  .stats-hero-actions { margin-top: 22px; }
  .stats-hero-meta { display: none; }
  .stats-decision-board { padding: 22px; box-shadow: 12px 12px 0 rgba(28,203,177,.12); }
  .stats-decision-board li { padding: 14px 0; }
  .stats-board-top { padding-bottom: 18px; }
}
.research-page.stats-guide { background: #f3eee4; }
.research-header.stats-header { background: rgba(247,243,234,.94); }

