@layer type {
  :root {
    font-family: "Manrope", "Avenir Next", Avenir, "Segoe UI", sans-serif;
    font-synthesis: none;
  }

  body {
    font-size: clamp(1.05rem, 1.2vw, 1.18rem);
    line-height: 1.72;
  }

  h1,
  h2,
  h3,
  p {
    text-wrap: pretty;
  }

  h1,
  h2,
  h3 {
    line-height: 1.08;
    letter-spacing: -0.035em;
  }

  h1 {
    max-width: 12ch;
    margin: 0.55rem 0 1.4rem;
    font-size: clamp(3rem, 7.5vw, 7.25rem);
    font-weight: 560;
  }

  .page-hero h1 {
    max-width: 14ch;
    font-size: clamp(2.8rem, 6.2vw, 6rem);
  }

  h2 {
    margin: 0 0 1.2rem;
    font-size: clamp(2rem, 4vw, 3.7rem);
    font-weight: 560;
  }

  h3 {
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    font-weight: 650;
  }

  p,
  li,
  dd {
    max-width: 68ch;
  }

  .identity-mark {
    font-size: 1.25rem;
    font-weight: 760;
    letter-spacing: -0.08em;
  }

  .identity-name {
    font-size: 0.88rem;
    font-weight: 780;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
  }

  .identity-subline,
  .header-note,
  .hero-caption,
  .quiet-note {
    font-size: 0.84rem;
    line-height: 1.5;
  }

  .page-footer {
    font-size: 1rem;
    line-height: 1.5;
  }

  .identity-subline {
    letter-spacing: 0.04em;
  }

  .topic-nav {
    font-size: 0.78rem;
    font-weight: 720;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  .eyebrow,
  .section-kicker,
  .card-label,
  .source-kind {
    font-size: 0.74rem;
    font-weight: 780;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .lede {
    font-size: clamp(1.16rem, 1.8vw, 1.48rem);
    line-height: 1.55;
  }

  .signal strong {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 1.05rem;
    line-height: 1.25;
  }

  .signal span {
    display: block;
    font-size: 0.86rem;
    line-height: 1.45;
  }

  .contents-rail a {
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.35;
  }

  .plain-card strong,
  .warning-card strong {
    font-weight: 760;
  }

  .comparison-card h3 {
    margin: 0 0 1.1rem;
  }

  .comparison-card dl {
    font-size: 0.9rem;
    line-height: 1.5;
  }

  .comparison-card dt {
    font-weight: 750;
  }

  .amount-questions {
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.4;
  }

  .source-card p,
  .price-card p,
  .myth-card p,
  .answer-card p {
    font-size: 1rem;
  }

  .source-card a,
  .text-link,
  .question-band a {
    font-weight: 740;
  }
}