/* ============================================================
   SITE — hero & pagina-specifieke opmaak
   ============================================================ */

/* ---- Hero ---- */
.hero{
  position: relative;
  padding-top: var(--space-8);
  overflow: hidden;
}
.hero__media{
  position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(50% 45% at 5% 95%, var(--blush-deep) 0%, transparent 65%);
}
.hero__body{ max-width: 760px; }
.hero h1{ position: relative; }
.hero .lede{ max-width: 56ch; }

/* one flourish word can be marked up as <span class="script"> inside the H1 by editors */
.hero .script{ font-size: 1.5em; }

/* ---- Divider motif: a single flowing line between major sections, echoing the
   script letterforms from the moodboard, used once per page — not on every section. ---- */
.section + .section > .container > .stack-6 > .eyebrow:first-child::before,
.section--tight + .section .eyebrow:first-child::before{ content: none; }

/* ---- Location pages ---- */
.grid--top .locatie-adres{ font-size: .98rem; }

/* ---- Vergoeding page table wrapper for small screens ---- */
#verzekeraars{ display: block; overflow-x: auto; white-space: nowrap; }
#verzekeraars thead, #verzekeraars tbody{ display: table; width: 100%; }

/* ---- Blog index spacing ---- */
.post + .post{ margin-top: 0; }

/* ---- Zwanger week overview trimester grouping ---- */
.week-trimester + .week-trimester{ margin-top: var(--space-7); }

/* ---- Small screens ---- */
@media (max-width: 640px){
  .section{ padding-block: var(--space-7); }
  .section--tight{ padding-block: var(--space-6); }
  .proof{ gap: var(--space-4); }
  .site-footer__grid{ grid-template-columns: 1fr; padding-block: var(--space-7); gap: var(--space-5); }
}