/* Instrument Serif, self-hosted (SIL Open Font License 1.1), latin subset.
   Preloaded in every page head. font-display: swap always shows the brand
   face; the size-adjusted Georgia fallback below keeps headlines from
   re-wrapping while it loads. DM Sans stays on Google Fonts. 2026-11-11. */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/instrument-serif-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/instrument-serif-latin-400-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Metric-matched fallback: Georgia scaled to Instrument Serif's measured width
   (75.1%) and vertical metrics (ascent 0.99em, descent 0.31em), so text set
   before the font arrives wraps on the same lines. Measured 2026-11-11. */
@font-face {
  font-family: 'Instrument Serif Fallback';
  src: local('Georgia');
  size-adjust: 75.1%;
  ascent-override: 131.8%;
  descent-override: 41.3%;
  line-gap-override: 0%;
}

/* Third-party widgets carry their own font stacks: Brevo forms set inline
   Helvetica/Roboto, the Silktide cookie banner falls back to Arial on its
   "Preferences" link. Pull both onto the site body face. */
.sib-form, .sib-form *, #sib-container, #sib-container *,
#silktide-wrapper, #silktide-wrapper * {
  font-family: var(--iq-font-body, 'DM Sans', system-ui, sans-serif) !important;
}

/* Brevo newsletter embed: its inline styles set Helvetica, so the brand body font needs !important to win (2026-11-12).
   The message panels get an inset so their text does not sit flush against the tinted background. */
.sib-form-container, .sib-form-container * {
  font-family: var(--iq-font-body, 'DM Sans', system-ui, sans-serif) !important;
}
.sib-form-container .sib-form-message-panel { padding: 12px 16px; }