@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap");

:root {
  --site-font: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --display-font: "Source Serif 4", "Iowan Old Style", Georgia, serif;
}

html,
body,
body * {
  font-family: var(--site-font) !important;
}

/* Cross-platform pairing: Inter for UI, Source Serif 4 for editorial type. */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
.display-title,
.intro-copy,
.stat strong,
.about-facts strong,
.about-opening-slogan,
.about-quote-mark,
.about-principle-number,
.about-principle-title,
.about-who-copy > p:not(.page-kicker),
.about-background-copy > p,
.about-explore-grid a {
  font-family: var(--display-font) !important;
}

/* Preserve icon glyph fonts. */
.fab { font-family: "Font Awesome 5 Brands" !important; }
.fa,
.fad,
.fal,
.far,
.fas { font-family: "Font Awesome 5 Free" !important; }
[class^="ion-"],
[class*=" ion-"] { font-family: "Ionicons" !important; }