/* Type: self-hosted editorial serif and a clear reading face. */
@font-face { font-family: 'Noto Serif Guide'; src: url('/editorial.woff') format('woff'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'Rubik Guide'; src: url('/reading.woff') format('woff'); font-style: normal; font-weight: 400; font-display: swap; }
html { font-family: 'Rubik Guide', Arial, sans-serif; font-size: 16px; }
body { font-size: 18px; line-height: 1.65; -webkit-text-size-adjust: 100%; }
button, input, summary { font: inherit; }
p { margin: 0 0 1.15rem; }
h1, h2, h3 { margin: 0 0 1rem; font-weight: 400; line-height: 1.18; }
h1, h2 { font-family: 'Noto Serif Guide', Georgia, serif; }
h1 { font-size: clamp(44px, 5.1vw, 72px); letter-spacing: -.045em; }
h2 { font-size: clamp(28px, 2.6vw, 36px); letter-spacing: -.025em; }
h3 { font-size: 22px; line-height: 1.3; }
a { text-underline-offset: .21em; text-decoration-thickness: 1.5px; }
strong { font-weight: 700; }
.wordmark { font-size: 21px; line-height: 1.2; letter-spacing: -.025em; text-decoration: none; }
.wordmark-sub { font-size: 16px; line-height: 1.35; letter-spacing: 0; margin-top: .15rem; }
.header-link, .kicker, .scenario-label, .topic-group, .bottom-dock, .site-footer, .reveal-label, .source-note, .graphic-note, .date-note, .button-link, .letter-path a { font-size: 16px; line-height: 1.45; }
.kicker, .scenario-label { margin-bottom: .75rem; font-weight: 400; }
.scenario { font-size: 18px; line-height: 1.55; }
.scenario-label { text-decoration: underline; text-underline-offset: .3em; }
.opening-copy > p:last-child:not(.kicker) { font-size: 21px; line-height: 1.5; }
.map-cell h3 { font-size: 22px; }
.map-cell p { font-size: 16px; line-height: 1.5; }
.map-letter, .letter-path li::before, .sheet-letter { font-family: 'Noto Serif Guide', Georgia, serif; font-size: 24px; line-height: 1; }
.check-map figcaption { font-size: 16px; line-height: 1.5; }
.topic-row { text-decoration: none; }
.topic-row strong { font-weight: 400; font-size: 22px; line-height: 1.35; }
.topic-note { font-size: 17px; line-height: 1.5; }
.topic-arrow { font-size: 26px; }
.takeaway h2 { font-family: 'Rubik Guide', Arial, sans-serif; font-size: 23px; letter-spacing: -.02em; }
.takeaway p { font-size: 17px; line-height: 1.6; }
.next-brief h2 { font-size: 29px; }
.site-footer a { text-decoration: underline; }
.bottom-dock a { text-decoration: none; line-height: 1.2; }
.myth summary::after { font-size: 27px; line-height: 1.3; }
.myth-claim { font-size: 18px; line-height: 1.5; }
.trial-graphic figcaption { font-size: 21px; line-height: 1.45; }
.bar-row { font-size: 17px; }
.bar-row strong { font-size: 18px; font-weight: 400; font-variant-numeric: tabular-nums; }
.source-group a { font-size: 19px; line-height: 1.5; }
.source-group li p { font-size: 17px; line-height: 1.6; }
@media (max-width: 760px) {
  h1 { font-size: clamp(40px, 10.5vw, 58px); line-height: 1.13; letter-spacing: -.04em; }
  body { font-size: 18px; line-height: 1.65; }
  .opening-copy > p:last-child:not(.kicker) { font-size: 19px; }
  .wordmark { font-size: 19px; }
  .header-link { font-size: 16px; line-height: 1.3; }
  .map-cell h3 { font-size: 20px; }
  .topic-row strong { font-size: 21px; }
  .next-brief h2 { font-size: 27px; }
  .source-group a { font-size: 18px; }
}
