/* GLOBAL TYPOGRAPHY STANDARD — Georgia + Arial (client standard, FINAL).
   Headings H1–H6: Georgia. Everything else (body, eyebrows, navigation, buttons, FAQ, breadcrumb, footer): Arial.
   Loaded on every page after site.css; no other font family is used anywhere on the site. */
:root {
  --font-heading: Georgia, "Times New Roman", serif;
  --font-body: Arial, Helvetica, sans-serif;
  --font-display: var(--font-heading);
  --font-sans: var(--font-body);
  --default-font-family: var(--font-body);

  --fs-h1: clamp(2.6rem, 5vw, 4.6rem);
  --fs-h2: clamp(2rem, 3.6vw, 3.1rem);
  --fs-h3: clamp(1.3rem, 2vw, 1.6rem);
  --fs-body: 15px;
  --fs-small: 13.5px;
  --fs-eyebrow: 10px;
  --fs-button: 11px;
  --fs-nav: 11px;
  --lh-heading: 1.08;
  --lh-body: 1.8;
  --ls-eyebrow: .2em;
  --ls-button: .05em;
  --fw-heading: 400;
}

html, body { font-family: var(--font-body); }
h1, h2, h3, h4, h5, h6, .font-display { font-family: var(--font-heading); }

/* Arial by rule, whatever the element */
.eyebrow, nav, header nav a, button, .btn, a[class*="inline-flex"][class*="h-11"],
.pp-crumbs, .pp-faq, .pp-faq summary h3, footer, footer h2, footer h3, input, select, textarea {
  font-family: var(--font-body);
}
.eyebrow { font-size: var(--fs-eyebrow); letter-spacing: var(--ls-eyebrow); }
/* Footer labels stay Arial (footer = Arial in the standard) */
footer :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-body); }
/* The footer wordmark is the brand name, set in the heading face like the header logo */
footer a.font-display, header .font-display { font-family: var(--font-heading); }