/*
  WYSIWYG Content section.
  Used for long-form content pages (Privacy Policy, Terms of Service, etc.).

  Structure:
    - Banner heading (h1) — large display title, no media or CTAs.
    - Full-width WYSIWYG body — contained to --container-max (1600px).

  Header treatment derived from case-study-hero__title.
  Body treatment derived from case-study-article but expanded to full container
  width instead of the 952px narrow column used for case-study detail pages.
*/

.wysiwyg-content {
  padding-inline: var(--space-inline);
  padding-block: clamp(40px, 5vw, 80px);
  color: var(--color-navy-blue);
}

.wysiwyg-content__inner {
  max-width: var(--container-max);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(32px, 4vw, 56px);
}

/* ---------------------------------------------------------------
   Banner heading
   --------------------------------------------------------------- */
.wysiwyg-content__header {
  display: flex;
  flex-direction: column;
}

.wysiwyg-content__title {
  font-family: var(--font-family-display);
  font-size: clamp(38px, 24px + 2.4vw, 60px);
  font-weight: var(--font-weight-regular);
  line-height: 1.2;
  color: #171717;
  margin: 0;
}

/* ---------------------------------------------------------------
   Full-width WYSIWYG body
   --------------------------------------------------------------- */
.wysiwyg-content__body {
  font-family: var(--font-family-sans);
  font-size: 18px;
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
  color: var(--color-body-copy);
}

.wysiwyg-content__body p {
  margin: 0 0 var(--space-6);
}

.wysiwyg-content__body p:last-child {
  margin-bottom: 0;
}

.wysiwyg-content__body :is(h2, h3, h4, h5, h6) {
  margin-bottom: var(--space-4_5);
}

/* ---------------------------------------------------------------
   Wide-screen pass (≥1600px) — container already widens via
   --container-max; title grows to 72px.
   --------------------------------------------------------------- */
@media (min-width: 1600px) {
  .wysiwyg-content__title {
    font-size: clamp(60px, 38.667px + 1.333vw, 72px);
  }
}