/* type: families, sizes, weights and rhythm. Mixed system stacks: rounded display, plain sans body, bookish notes. */
:root {
  --font-display: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-notes: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, ui-serif, serif;
}
body { font-family: var(--font-body); font-size: 1rem; line-height: 1.55; font-feature-settings: "kern"; }
h1, h2, h3, .stat-num, .verdict-word, .myth-card-title, .btn, .homelink, .foot-title { font-family: var(--font-display); }
h1 { font-size: 1.75rem; line-height: 1.15; font-weight: 900; letter-spacing: -.02em; }
h2 { font-size: 1.375rem; line-height: 1.25; font-weight: 800; letter-spacing: -.01em; }
h3 { font-size: 1.125rem; line-height: 1.3; font-weight: 700; }
.u-eyebrow { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.lead { font-size: 1.0625rem; line-height: 1.6; }
p, li { font-size: 1rem; }
.points li { font-size: 1rem; font-weight: 600; line-height: 1.5; }
.points li strong { font-weight: 800; }
.stat-num { font-size: 3rem; line-height: 1; font-weight: 900; letter-spacing: -.03em; font-variant-numeric: tabular-nums lining-nums; }
.stat-cap { font-size: 1rem; line-height: 1.5; }
.verdict-kicker { display: block; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.verdict-word { display: block; font-size: 1.5rem; font-weight: 900; line-height: 1.1; }
.myth-quote { font-size: 1.0625rem; line-height: 1.45; font-weight: 600; font-style: italic; }
figcaption { font-size: 1rem; font-style: italic; }
.myth-card-title { font-size: 1.125rem; font-weight: 700; line-height: 1.3; }
.myth-card-blurb { font-size: 1rem; font-weight: 400; }
.notes, .note-list li { font-family: var(--font-notes); }
.notes h2 { font-family: var(--font-display); }
.note-list li { font-size: 1rem; line-height: 1.45; }
.note-list li::before { font-family: var(--font-display); font-weight: 800; font-variant-numeric: tabular-nums; }
.ref { font-family: var(--font-display); font-size: .8125rem; font-weight: 800; line-height: 1; vertical-align: .35em; font-variant-numeric: tabular-nums; }
.btn { font-size: 1.0625rem; font-weight: 800; text-align: center; line-height: 1.3; }
.pill, .chip-link { font-size: 1rem; font-weight: 700; font-family: var(--font-body); }
.homelink { font-size: .9375rem; font-weight: 800; letter-spacing: .01em; }
.foot-title { font-size: 1.25rem; }
.index-link { font-size: 1rem; font-weight: 600; line-height: 1.35; }
.foot-line { font-size: 1rem; line-height: 1.55; }
.rail-list a { font-family: var(--font-display); font-size: .875rem; font-weight: 700; line-height: 1.15; }
@media (min-width: 40em) {
  h1 { font-size: 2rem; }
  .stat-num { font-size: 3.5rem; }
  .verdict-word { font-size: 1.75rem; }
}