/* Site-wide Quietcation typography roles. Page-specific display scales remain intact. */
@layer qc-type-roles {
  :root {
    --qc-font-display: "larken", "Newsreader", Georgia, serif;
    --qc-font-reading: "Newsreader", Georgia, serif;
    --qc-font-interface: "DM Sans", "Inter", Arial, sans-serif;
    --qc-type-copy: 16.5px;
    --qc-type-copy-mobile: 17px;
    --qc-type-lead: 19px;
    --qc-type-lead-mobile: 17px;
    --qc-type-facts: 14px;
    --qc-type-label: 10px;
    --qc-type-caption: 8.5px;
  }

  html body :is(.editorial-page-statement, .about2-title, .contact-04 h2,
      .places2-card__title, .elsewhere__title, .elsewhere__name,
      .faq-editorial h1, .faq-question__text) {
    font-family: var(--qc-font-display) !important;
  }

  html body :is(.about2-copy > p:not(.about2-actions):not(.about2-copy__closing):not(.about2-closing-copy):not(.about2-closing-kicker), .about2-copy__lead,
      .about2-standfirst, .contact-04__copy, .faq-intro,
      .faq-answer__inner p, .context2-copy .lead-copy__dek,
      .context-coverage-table__group, .places2-card__description) {
    font-family: var(--qc-font-reading) !important;
    font-size: var(--qc-type-copy) !important;
    line-height: 1.58 !important;
  }

  html body :is(.editorial-page-kicker, .eyebrow, .places-section-label,
      .places2-card__meta, .contact-04__kicker, .contact-04__links,
      .context-coverage-row__source,
      .context-coverage-table__group, .facts-tag, .facts-details__label) {
    font-family: var(--qc-font-interface) !important;
    font-size: var(--qc-type-label) !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: .1em !important;
  }

  html body :is(.about2-caption, .intro-opener__caption,
      .places2-card__credit, .elsewhere__credit) {
    font-family: var(--qc-font-interface) !important;
    font-size: var(--qc-type-caption) !important;
    line-height: 1.4 !important;
  }

  html body :is(.faq-editorial .faq-intro, .about2-copy__lead,
      .context2-intro, .editorial-page-statement + .about2-standfirst) {
    font-size: var(--qc-type-lead) !important;
    line-height: 1.5 !important;
  }

  @media (max-width: 840px) {
    html body :is(.about2-copy > p:not(.about2-actions):not(.about2-copy__closing):not(.about2-closing-copy):not(.about2-closing-kicker), .about2-copy__lead,
        .about2-standfirst, .contact-04__copy, .faq-intro,
        .faq-answer__inner p, .context2-copy .lead-copy__dek,
        .places2-card__description) {
      font-size: var(--qc-type-copy-mobile) !important;
    }

    html body :is(.faq-editorial .faq-intro, .about2-copy__lead,
        .context2-intro, .editorial-page-statement + .about2-standfirst) {
      font-size: var(--qc-type-lead-mobile) !important;
    }
  }
}