.meetbalk { position:fixed; inset:auto 0 var(--sollicitatie-hoogte, 0px); z-index:70;
  padding:var(--r4) max(var(--r4), env(safe-area-inset-right))
    max(var(--r4), env(safe-area-inset-bottom)) max(var(--r4), env(safe-area-inset-left));
  background:var(--bg-diep); color:var(--tekst); border-top:1px solid var(--lijn-bediening);
  box-shadow:var(--schaduw-op); max-height:calc(100dvh - var(--sollicitatie-hoogte, 0px)); overflow:auto; }
.meetbalk-binnen { max-width:72rem; margin:auto; display:flex; align-items:center;
  justify-content:space-between; flex-wrap:wrap; gap:var(--r3) var(--r6); }
.meetbalk p { flex:1 1 24rem; margin:0; max-width:60ch; font-size:var(--t-bediening); }
.meetbalk a { color:var(--accent); }
.meetkeuzes { display:flex; flex-wrap:wrap; gap:var(--r2); }
.meetkeuzes .knop { flex:1 1 auto; min-height:44px; background:var(--bg-op); color:var(--tekst); }
.meetbalk :focus-visible, #meetvoorkeuren:focus-visible {
  outline:2px solid var(--focusring); outline-offset:3px; }
#meetvoorkeuren { min-height:44px; font:inherit; color:var(--tekst-zacht); }
/* Naast elkaar zolang ze passen (vanaf ongeveer 340 px), anders onder elkaar: het balkje
   ligt op mobiele detailpagina's boven de sollicitatiebalk, dus elke regel telt. */
@media (max-width:30rem) { .meetkeuzes { width:100%; } .meetkeuzes .knop { flex:1 1 9rem; } }
@media print { .meetbalk, #meetvoorkeuren { display:none !important; } }