/* REDZ: systeempagina's (/bedankt, /404, /cookies, /sitemap). Niet ontworpen; de
   pagina-kop, de knoppen en de witte tekstkaart uit redz.css, met zo weinig eigen
   stijl als kan. */

/* bedankt en 404: kop met een zin en knoppen, genoeg ruimte tot de voettekst */
.systeem-kop { min-height: clamp(420px, 56vh, 640px); }
.systeem-kop__code { font: 500 12px/1.5 var(--font); text-transform: uppercase; letter-spacing: 0.05em; color: var(--rood); margin-bottom: 16px; }
.systeem-knoppen { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 40px; }
@media (max-width: 767px) {
  .systeem-kop { min-height: 360px; }
  .systeem-knoppen .knop { min-height: 44px; padding-inline: 32px; }
}

/* cookies */
.systeem-versie { font-size: 14px; color: var(--tekst-zacht); }

/* sitemap: groepen onder elkaar, pagina's in twee kolommen, berichten met datum */
.sitemap { display: flex; flex-direction: column; gap: 48px; }
.sitemap__kop { font: 600 20px/1.2 var(--font); color: var(--zwart); padding-bottom: 12px; border-bottom: 1px solid var(--lijn-faq); }
.sitemap .sitemap-lijst { margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 32px; }
.sitemap .sitemap-lijst + .sitemap-lijst { margin-top: 8px; }
.sitemap .sitemap-lijst a { color: var(--zwart); text-decoration: none; display: inline-block; padding-block: 2px; }
.sitemap .sitemap-lijst a:hover { color: var(--rood); text-decoration: underline; text-underline-offset: 2px; }
.sitemap .sitemap-lijst--nieuws { grid-template-columns: minmax(0, 1fr); gap: 0; }
.sitemap-bericht { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding-block: 8px; border-bottom: 1px solid var(--lijn-zacht); }
.sitemap-bericht:last-child { border-bottom: 0; }
.sitemap-bericht__datum { flex: none; font: 500 12px/1.5 var(--font); letter-spacing: 0.05em; color: var(--rood); }
@media (max-width: 767px) {
  .sitemap { gap: 40px; }
  .sitemap .sitemap-lijst { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sitemap .sitemap-lijst a { display: flex; align-items: center; min-height: 44px; padding-block: 0; }
  .sitemap-bericht { flex-direction: column; gap: 0; padding-block: 4px 8px; }
}