/* ==========================================================================
   Blok: inleiding (answer-first). Opbouw als de prototype-sectie "FAQ" (design.md §18.2):
   kop 5/12 en tekst 7/12 (met 32 px inspringing), of gestapeld.
   ========================================================================== */

.block-intro-text__grid {
  display: grid;
  row-gap: var(--sp-10);
}

.block-intro-text--stack .block-intro-text__grid {
  row-gap: var(--sp-5);
}

.block-intro-text .eyebrow + h2 {
  margin-top: var(--sp-4);
}

.block-intro-text--stack h2 {
  max-width: 48rem;
}

.block-intro-text__body {
  color: var(--text-secondary);
  font-size: var(--fs-lead);
  line-height: var(--lh-lead);
}

@media (min-width: 64em) {
  .block-intro-text--split .block-intro-text__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--sp-8);
  }

  .block-intro-text--split .block-intro-text__head {
    grid-column: span 5;
  }

  .block-intro-text--split .block-intro-text__body {
    grid-column: span 7;
    padding-left: var(--sp-8);
  }
}