/* Dogwood heading scale, October 2026. Loaded after existing CSS to avoid stale cached styles. */
/* Inner-page headings should introduce the content, not occupy the viewport. */
.page-hero,
body.compact-public-page .page-hero,
.organization-page-hero {
  padding: 38px 0 20px !important;
}
.page-hero h1,
.organization-page-hero h1,
body.promotional-page .page-hero h1,
body.compact-public-page .page-hero h1 {
  font-size: clamp(30px, 3vw, 46px) !important;
  line-height: 1.13 !important;
  letter-spacing: -0.025em;
  width: 100%;
  max-width: min(100%, 1080px) !important;
  margin: 0 auto !important;
  overflow-wrap: break-word;
  word-break: normal;
}
.page-hero p,
body.compact-public-page .page-hero p {
  margin: 12px auto 0 !important;
  line-height: 1.5;
}
/* The first content card should appear beneath the title, without an oversized void. */
.page-hero + .section,
body.compact-public-page main > .page-hero + .section {
  padding-top: 28px !important;
}
/* Maintain a consistent scale for headings elsewhere on the site. */
.section-title {
  font-size: clamp(29px, 2.6vw, 42px) !important;
  line-height: 1.12 !important;
}
.courses-main-title {
  font-size: clamp(30px, 2.6vw, 42px) !important;
  line-height: 1.13 !important;
}
.resource-feature-copy h2 {
  font-size: clamp(27px, 2.3vw, 36px) !important;
  line-height: 1.15 !important;
}
@media (max-width: 700px) {
  .page-hero,
  body.compact-public-page .page-hero,
  .organization-page-hero {
    padding: 29px 0 17px !important;
  }
  .page-hero h1,
  .organization-page-hero h1,
  body.promotional-page .page-hero h1,
  body.compact-public-page .page-hero h1 {
    font-size: clamp(25px, 6.8vw, 34px) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.02em;
    max-width: 100% !important;
  }
  .page-hero + .section,
  body.compact-public-page main > .page-hero + .section {
    padding-top: 22px !important;
  }
  .section-title, .courses-main-title {
    font-size: clamp(26px, 6vw, 34px) !important;
    line-height: 1.14 !important;
  }
}