/* Toegankelijkheid – zichtbare focus en een veilige terugval voor reveal
   Deze laag wordt met de hand beheerd en staat bewust NIET in de
   referentiepagina's: css_bouw.py genereert alleen 01 t/m 07, dus alles wat
   hier staat overleeft een hergeneratie van die lagen. */

/* 1. Zichtbare focus staat in style.css
   ------------------------------------
   Daar stond al een :focus-visible-regel, en style.css laadt na deze laag.
   Twee definities naast elkaar zou alleen verwarren, dus de verbeterde ring
   staat daar en niet hier. */

/* 2. Terugval voor .reveal
   -----------------------
   02-basis.css zet .reveal op opacity:0 en site.js maakt het element weer
   zichtbaar zodra het in beeld scrollt. Komt dat script niet aan (fout,
   blokkade, oude browser), dan blijft het grootste deel van de pagina
   onzichtbaar. Daarom is de onzichtbare begintoestand nu voorwaardelijk:
   hij geldt alleen als site.js de klasse 'js' op <html> heeft gezet. */
.reveal {
  opacity: 1;
  transform: none;
}
html.js .reveal:not(.in) {
  opacity: 0;
  transform: translateY(18px);
}
@media (prefers-reduced-motion: reduce) {
  html.js .reveal:not(.in) {
    opacity: 1;
    transform: none;
  }
}

/* 3. De spoorwisselaar
   -------------------
   Het actieve spoor was alleen aan de kleur te zien. Met aria-current is het
   ook voor een schermlezer duidelijk; hier alleen de opmaak die daarbij hoort. */
.track-switch a[aria-current="true"] {
  font-weight: 800;
}