/* ===================================================================
   site-rhythm.css — rustiger ritme, site-breed
   Subtiel meer witruimte tussen content-secties + haarfijne
   scheidingslijnen, en iets meer lucht naar de zijbalk.
   Geladen ná de inline <style> van elke pagina, dus overschrijft die.
   Scope op .page-body zodat losse full-width blokken (FAQ, hero,
   gerelateerde pagina's) ongemoeid blijven.
   =================================================================== */

/* anker-landing: compenseer de vaste topnav (82px) + sticky page-nav,
   zodat een aangeklikt anker niet achter de balken verdwijnt. Geldt site-breed. */
html { scroll-padding-top: 130px; }

/* iets meer ruimte tussen content-kolom en zijbalk */
.page-body { column-gap: 5rem; }

/* rust tussen secties + haarlijn-scheider (specificiteit 0,2,0 wint van inline .section-block) */
.page-body .section-block {
  margin-bottom: 3.5rem;
  padding-bottom: 3.5rem;
  border-bottom: 1px solid rgba(61, 43, 31, .07);
}
.page-body .section-block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

/* op mobiel (1 kolom) iets bescheidener, gap niet nodig */
@media (max-width: 900px) {
  .page-body { column-gap: 0; }
  .page-body .section-block { margin-bottom: 2.75rem; padding-bottom: 2.75rem; }
}