/* ↔️ Van pagina naar pagina (aan of uit in het licentiebeheer, 🧩 Onderdelen van de website; partials/kop.html laadt dit bestand alleen
   als /instellingen/overgang-uit er niet is): de inhoud schuift zacht weg en de nieuwe schuift erin (View Transitions, zonder JavaScript). De header en
   de statusbalk blijven staan. Browsers zonder ondersteuning (Firefox) wisselen gewoon; met "beweging beperken" geen animatie. */
@view-transition { navigation: auto; }
.kop { view-transition-name: kop; }
.status-balk { view-transition-name: statusbalk; }
@keyframes pagina-weg { to { opacity: 0; transform: translateX(-40px); } }
@keyframes pagina-erin { from { opacity: 0; transform: translateX(40px); } }
::view-transition-old(root) { animation: pagina-weg .22s ease-in both; }
::view-transition-new(root) { animation: pagina-erin .32s cubic-bezier(.2, .8, .2, 1) both; }
@media (prefers-reduced-motion: reduce) { ::view-transition-old(root), ::view-transition-new(root) { animation: none; } }