/*
 * Shared chapter-opener heading contract for the six top-level report sections.
 * The 32/32 desktop baseline is the existing majority treatment (15 of 18
 * localized owners at the 1280 px review viewport).
 */
.section-opener-page.v4-page {
  --section-opener-heading-size: var(--section-opener-title-size, clamp(32px, calc(7.9167vw - 82px), 70px));
  --section-opener-heading-top: clamp(86px, 10vh, 130px);
}

.section-opener-page.v4-page .section-opener-copy {
  padding-top: var(--section-opener-heading-top) !important;
}

.section-opener-page.v4-page .section-opener-title.section-opener-title {
  font-size: var(--section-opener-heading-size) !important;
  line-height: 1 !important;
}

.section-opener-page.v4-page.strategy-section-opener-page .section-opener-title > br {
  display: none;
}

.section-opener-page.v4-page.strategy-section-opener-page .section-opener-title > span:first-child,
.section-opener-page.v4-page.strategy-section-opener-page .strategy-title-company {
  display: inline !important;
}

@media (max-width: 86rem) {
  .section-opener-page.v4-page {
    --section-opener-heading-top: 72px;
  }
}

@media (max-width: 68.75rem) {
  .section-opener-page.v4-page {
    --section-opener-heading-top: 58px;
  }
}

@media (min-width: 75rem) and (max-width: 100rem) {
  .section-opener-page.v4-page {
    --section-opener-heading-top: clamp(58px, 7vh, 72px);
  }

  .section-opener-page.v4-page .section-opener-title.section-opener-title {
    width: max-content !important;
    max-width: 72vw !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 50rem) {
  .section-opener-page.v4-page {
    --section-opener-heading-top: 58px;
  }

  .section-opener-page.v4-page .section-opener-title.section-opener-title {
    width: auto !important;
    max-width: 82% !important;
    white-space: normal !important;
  }

  .section-opener-page.v4-page.strategy-section-opener-page .strategy-title-nowrap,
  .section-opener-page.v4-page.strategy-section-opener-page .strategy-title-company,
  .section-opener-page.v4-page .section-opener-title > span,
  .section-opener-page.v4-page .section-opener-title .kz-source-nowrap {
    white-space: normal !important;
  }

  .section-opener-page.v4-page .section-opener-title > span {
    display: inline !important;
  }
}

@media (max-width: 30rem) {
  .section-opener-page.v4-page .section-opener-title.section-opener-title {
    max-width: 88% !important;
  }
}