/* Public English and French typography. */
html:is([lang="en"], [lang="fr"]) body {
  --font: "DM Sans", system-ui, Arial, sans-serif;
  --ukg-body-size: 1.0625rem;
  --ukg-body-line: 1.5;
  font-family: var(--font) !important;
  font-size: var(--ukg-body-size) !important;
  line-height: var(--ukg-body-line) !important;
}

html:is([lang="en"], [lang="fr"]) :is(.hero, .page-hero, .site-header, .section-head, .content) {
  font-family: var(--font) !important;
}

html:is([lang="en"], [lang="fr"]) :is(h1, h2, h3, .ukg-promo-heading) {
  font-family: var(--font) !important;
  overflow-wrap: anywhere;
}

html:is([lang="en"], [lang="fr"]) .hero.ukg-marketing-hero :is(.hero-slide h1, .ukg-promo-heading) {
  font-size: clamp(1.875rem, 4.2vw, 3.5rem) !important;
  line-height: 1.12 !important;
  font-weight: 700;
  letter-spacing: -.035em;
}

html:is([lang="en"], [lang="fr"]) :is(.page-hero, .article-hero, .journey-hero, .ukg-cert-hero-v494) h1 {
  font-size: clamp(2rem, 3.7vw, 2.75rem) !important;
  line-height: 1.16 !important;
  font-weight: 700;
  letter-spacing: -.03em;
  text-wrap: balance;
}

html:is([lang="en"], [lang="fr"]) .section-head h2 {
  font-size: clamp(1.75rem, 3vw, 2.25rem) !important;
  line-height: 1.22 !important;
  font-weight: 700;
  letter-spacing: -.025em;
}

html:is([lang="en"], [lang="fr"]) :is(.article-body, .public-content-frame) :is(p, li) {
  font-size: var(--ukg-body-size) !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}

html:is([lang="en"], [lang="fr"]) :is(.article-body, .public-content-frame) p {
  max-inline-size: 68ch;
  margin-block-end: 1em;
}

@media (max-width: 640px) {
  html:is([lang="en"], [lang="fr"]) body {
    --ukg-body-size: 1rem;
  }

  html:is([lang="en"], [lang="fr"]) .hero.ukg-marketing-hero :is(.hero-slide h1, .ukg-promo-heading) {
    font-size: clamp(1.75rem, 6.5vw, 2.25rem) !important;
  }
}