/* Typography for the whole site (v93): one font, one type scale, three weights.
   font-display:optional (bag-seo 1.1 F): the preloaded font is used when it arrives in time, otherwise the page
   stays in the system font, so the text never reflows (no layout shift on long guides).
   Figtree is self-hosted (SIL Open Font License, see /fonts/OFL.txt), so no visitor IP goes to Google.
   /fonts/figtree.woff2 is the variable font from github.com/google/fonts (ofl/figtree), limited to
   weights 400-700 and subset to Latin + Latin Extended-A (all nine site languages). */
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 700;font-display:optional;src:url(/fonts/figtree.woff2) format("woff2")}
:root{
  --font:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* The scale. Nothing else should set a font-size. */
  --fs-label:.8125rem;                              /* 13px: eyebrow, labels, badges, language switcher */
  --fs-small:.9375rem;                              /* 15px: notes, captions, footer, tables */
  --fs-body:1.0625rem;                              /* 17px: body text, inputs, buttons */
  --fs-lead:1.1875rem;                              /* 19px: intro paragraphs, h3, card titles */
  --fs-h2:clamp(1.375rem,1.1rem + 1.1vw,1.75rem);   /* 22-28px */
  --fs-h1:clamp(1.75rem,1.2rem + 2.8vw,3rem);       /* 28-48px; also big numbers */
  --fw-regular:400; --fw-semibold:600; --fw-bold:700;
  --lh-body:1.6; --lh-head:1.15;
}
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font)}
b,strong{font-weight:var(--fw-bold)}
h1,h2,h3{font-weight:var(--fw-bold);line-height:var(--lh-head)}
h1{font-size:var(--fs-h1);letter-spacing:-.025em}
h2{font-size:var(--fs-h2);letter-spacing:-.015em}
h3{font-size:var(--fs-lead);letter-spacing:-.005em}
small,.small{font-size:var(--fs-small)}
/* The one eyebrow/label style */
.eyebrow,.label{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase}
