/* leesbaarheid.css - gegenereerd door tools/seo-nastap.mjs (23-08-2026).
   Bevat UITSLUITEND reparaties die op 23-08 op de echte pixels gemeten zijn
   (schermafdruk + modus van de achtergrondpixels, niet de CSS-boom: die geeft bij een
   verloop of een foto een verzonnen grijswaarde en dus valse fouten). Niet met de hand
   wijzigen; pas tools/seo-nastap.config.json aan en bouw opnieuw.
   Wordt als LAATSTE stylesheet geladen, dus wint van de sitestijl zonder !important. */

/* skip-link: op elke site een merkkleur op wit, nooit AA. Wit op donker is altijd goed. */
.skip-link,a.skip,.skip{background:#0b1220;color:#ffffff}
.skip-link:focus,a.skip:focus,.skip:focus{outline:3px solid #ffe066;outline-offset:2px}

/* Consent-UI (29-08-2026): meetlaag.js zet op ELKE pagina een cookiedialoog + een
   "Cookie-instellingen"-knop, maar de kennis-bulkpagina's laden /assets/styles.css
   niet. Ongstyled stonden dialoog en knop daar statisch ONDER de voettekst - dat was
   de witte strook onder de footer uit de audit. Alles in :where() zodat de echte
   sitestijl (specificiteit > 0) op de hoofdpagina's blijft winnen. */
:where(.cookie-dialoog){position:fixed;z-index:1000;left:.6rem;right:.6rem;bottom:.6rem;
  max-width:920px;margin-inline:auto;padding:.45rem .7rem;background:#fff;color:#14171c;
  border:1px solid #c9ccc6;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18)}
:where(.cookie-dialoog[hidden]){display:none}
:where(.cookie-dialoog__inhoud){display:flex;align-items:center;justify-content:space-between;gap:.5rem .9rem;flex-wrap:wrap}
:where(.cookie-dialoog p){margin:0;font-size:.875rem;line-height:1.35;max-width:66ch}
:where(.cookie-dialoog__acties){display:flex;gap:.5rem;flex:none}
:where(.cookie-dialoog .btn){display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:.3rem .8rem;border-radius:9px;border:1px solid #c9ccc6;
  background:#fff;color:#14171c;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}
:where(.cookie-dialoog .btn-primary){background:#5B32C4;border-color:#5B32C4;color:#fff}
:where(.cookie-instellingen){display:inline-flex;align-items:center;min-height:40px;
  padding:.3rem .7rem;margin:.4rem 0;border:1px solid #c9ccc6;border-radius:9px;
  background:transparent;color:inherit;font:inherit;font-size:.85rem;cursor:pointer}

/* --- site-eigen reparaties --- */
/* gemeten 23-08: hero-panels sneed 51% resp. 37% van het bronbeeld weg (bron 3:2).
   De kaart krijgt de verhouding van de BRON; niet met object-position schuiven. */
.hero-panels figure{height:auto;aspect-ratio:3/2}
.hero-panels figure>img{width:100%;height:100%;object-fit:cover}