@layer base {
  body { font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 16px; line-height: 1.6; color: var(--text-primary); background: var(--surface-base); -webkit-font-smoothing: antialiased; }
  h1, h2, h3, p { margin-top: 0; }
  h1, h2, h3 { line-height: 1.12; letter-spacing: -.045em; font-weight: 600; }
  h1 { font-size: clamp(2.5rem, 5.4vw, 5.4rem); }
  h2 { font-size: clamp(1.8rem, 3.4vw, 3rem); }
  h3 { font-size: 1.2rem; letter-spacing: -.02em; }
  a { color: inherit; text-underline-offset: 4px; }
  :focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 4px; }
  .eyebrow { display: block; font-size: .7rem; text-transform: uppercase; letter-spacing: .16em; font-weight: 700; margin-bottom: 18px; color: var(--accent); }
  .lede { font-size: 1.15rem; color: var(--text-secondary); max-width: 53ch; }
  .fine-print { font-size: .78rem; color: var(--text-secondary); margin: 12px 0 0; }
  .serif { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-style: italic; }
  .number, td, .stat-value { font-variant-numeric: tabular-nums; }
}