/* ---- kaartpagina (src/site_nav.py) ---- */
  html, body { margin:0; height:100%; background:#0c0b09; }
  body[data-page="kaart"] { display:flex; flex-direction:column; height:100vh; height:100dvh; overflow:hidden; color:#ece7dc; }
  .kaart-bar { flex:none; display:flex; align-items:center; justify-content:space-between; gap:16px; height:56px; padding:0 20px;
    background:#0c0b09; border-bottom:1px solid rgba(201,168,76,.18); font:500 15px/1.2 "Geist", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif; }
  .kaart-bar .brand { display:flex; align-items:center; --logo-ink:#ece7dc; --logo-gold:#cdb05a; }
  .kaart-bar .brand svg { height:28px; width:auto; display:block; }
  .kaart-bar .terug { color:#ece7dc; text-decoration:none; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.07); white-space:nowrap; }
  .kaart-bar .terug:hover, .kaart-bar .terug:focus-visible { background:rgba(255,255,255,.14); }
  .kaart-bar .terug[hidden] { display:none; }
  /* overgangen 1 okt: het kopscript hieronder kiest de terugknop al voor de eerste weergave (eerst stond een
     seconde "Terug naar Procesanalyse" en wisselde dan de tekst) */
  html[data-van] .kaart-bar .terug { display:none; }
  html[data-van="procesanalyse"] .kaart-bar .terug[data-van="procesanalyse"], html[data-van="home"] .kaart-bar .terug[data-van="home"],
  html[data-van="ticket-agent"] .kaart-bar .terug[data-van="ticket-agent"], html[data-van="aanbod"] .kaart-bar .terug[data-van="aanbod"] { display:inline; }
  .kaart-frame { flex:1; min-height:0; width:100%; border:0; display:block; background:#141414; }
  @media (max-width:480px) { .kaart-bar { padding:0 12px; } .kaart-bar .brand svg { height:22px; } .kaart-bar .terug { padding:7px 11px; font-size:14px; } }