/* GeschrevenGedichten 4.0.14 — centrale ritme- en afstandsbasis.
   Alleen publiek zichtbare inhoud; geen selectors voor header, nav, modals of wp-admin.
   Eenheden zijn bewust herhaalbaar: 8 / 12 / 16 / 20 / 24 / 32 / 40 / 48 / 64 px.
   Gerichte paginaregels worden in latere rondes bovenop deze basis geplaatst. */
html body {
  --gg-space-xs: 8px;
  --gg-space-label: 12px;
  --gg-space-small: 16px;
  --gg-space-mobile-inset: 20px;
  --gg-space-card: 24px;
  --gg-space-medium: 32px;
  --gg-space-section-mobile: 40px;
  --gg-space-panel: 48px;
  --gg-space-section: 64px;
  --gg-space-grid: 24px;
  --gg-space-heading: 24px;
}
/* Gedeelde kaarten: zelfde tussenruimte, zonder hun kolomindeling te veranderen. */
html body main :is(.ggw-poem-grid, .ggw-six-grid, .gg-category-two-columns, .blog-cards-grid) {
  gap: var(--gg-space-grid) !important;
  row-gap: var(--gg-space-grid) !important;
  column-gap: var(--gg-space-grid) !important;
}
/* Alleen de openbare collectie-indeling; niet de zoekbalk, formulieren of sidebarelementen. */
html body main.ggw-page-main .ggw-six-body,
html body main.ggw-archive-main .ggw-archive-body {
  gap: var(--gg-space-grid) !important;
}
/* Voorkom twee uiteenlopende afstanden tussen de collectie en de afsluitende oproep. */
html body main.ggw-page-main > .ggw-collection-cta {
  margin-block-start: var(--gg-space-section) !important;
}
/* Hergebruik het ritme in drie losse kaartengroepen op bestaande inhoudspagina's. */
html body main.gg390-page .gg390-trio,
html body main.gg402-rhyme .gg402-rhyme__stepgrid {
  gap: var(--gg-space-grid) !important;
}
/* Altijd zichtbaar focusgedrag; afstandsregels beïnvloeden geen focus of kliklagen. */
@media (max-width: 767px) {
  html body { --gg-space-grid: 16px; --gg-space-heading: 20px; --gg-space-section: 40px; }
}
