/* ═══════════════════════════════════════════════════════════════════
   HOLLANDER, TOEGANKELIJKHEID
   ═══════════════════════════════════════════════════════════════════

   Kleine aanvullingen die niets aan het ontwerp veranderen zolang er
   met de muis wordt gewerkt, maar het verschil maken voor wie met het
   toetsenbord of een schermlezer navigeert.

   Dit bestand wordt op elke pagina gekoppeld ná het inline <style>-blok.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Direct naar de inhoud ───────────────────────────────────────
   Zonder deze link moet iemand die met de Tab-toets werkt op elke
   pagina eerst door het volledige hoofdmenu heen voordat de inhoud
   bereikbaar is. De link staat buiten beeld tot hij focus krijgt. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 3000;
  padding: 12px 20px;
  background: #09090b;
  color: #ffffff;
  font-family: var(--font, Helvetica, Arial, sans-serif);
  font-size: 14px;
  text-decoration: none;
  border-radius: 0 0 8px 0;
}

.skip-link:focus {
  left: 0;
  outline: 2px solid #ffffff;
  outline-offset: -4px;
}

/* De inhoud krijgt bij het springen geen zichtbare focusrand; de
   schermlezer leest gewoon verder vanaf dat punt. */
main:focus {
  outline: none;
}