/* Homepage only. Keep the hero dominant and section typography consistent. */
.homepage-audited #main-content {
  --homepage-section-heading-size: clamp(1.65rem, 2.5vw, 2.3rem);
  --homepage-heading-spacing: -1px;
}

.homepage-audited #main-content h2:not(:where([role="dialog"] *, .modal *)) {
  /* Important is scoped here to beat the older theme's responsive size rules. */
  font-family: 'Manrope', sans-serif !important;
  font-size: var(--homepage-section-heading-size) !important;
  font-weight: 800 !important;
  letter-spacing: var(--homepage-heading-spacing) !important;
  line-height: 1.13 !important;
}

.homepage-audited #main-content :is(h1, h2, h3, h4, h5, h6)
  :is(span, strong, em):not(:where([role="dialog"] *, .modal *)) {
  /* The global body/span rule otherwise changes highlighted words to Source Sans 3. */
  font-family: inherit !important;
  font-weight: inherit;
  letter-spacing: inherit;
}

#main-content .credential-context__copy > h3,
#main-content .credential-institution-outcomes__audiences-heading h3 {
  font-size: calc(var(--homepage-section-heading-size, 2rem) * .82);
  font-weight: 800;
  letter-spacing: var(--homepage-heading-spacing, -1px);
  line-height: 1.2;
}

#main-content #why-certifyme .wic2-card-title,
#main-content #compliance-standards .wic2-card-title,
#main-content #credential-levels .flp2-qc-title {
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  line-height: 1.35;
}

@media (max-width: 991px) {
  .homepage-audited #main-content {
    --homepage-section-heading-size: clamp(1.5rem, 4vw, 2.1rem);
    --homepage-heading-spacing: -.7px;
  }

  .credential-hero-flow #hero-7 .hero-7-txt h1.credential-hero-title {
    /* Override the legacy hero's important size without changing other pages. */
    font-size: clamp(2.65rem, 5.5vw, 3rem) !important;
  }

}

@media (max-width: 680px) {
  .homepage-audited #main-content {
    --homepage-section-heading-size: clamp(1.5rem, 6vw, 1.9rem);
    --homepage-heading-spacing: -.5px;
  }

  .credential-hero-flow #hero-7 .hero-7-txt h1.credential-hero-title {
    font-size: clamp(2.3rem, 8vw, 2.65rem) !important;
  }
}