:root{--zk-accent:#4D6D96;--zk-kop:#333E4C;--zk-zacht:#EEF3EC;--zk-lijn:#D6E0DE;--zk-tekst:#4E5A69;--zk-mark:#BBE6F3;--zk-bg:#FFFFFF}
/* Zoekfunctie · plaats in de header: logo links, menu, zoekicoon, (mobiel) menuknop */
.nav .logo{order:1;margin-right:auto}
.nav .menu{order:2}
.nav .zoek-knop{order:4}
.nav .burger{order:5}
.zoek-knop{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1.5px solid var(--zk-lijn);border-radius:6px;background:transparent;color:var(--zk-kop);cursor:pointer;transition:background .15s,border-color .15s}
.zoek-knop[hidden]{display:none}
.zoek-knop:hover{background:var(--zk-zacht);border-color:var(--zk-accent)}
.zoek-knop:focus-visible{outline:3px solid var(--zk-accent);outline-offset:3px}
html.zoek-open{overflow:hidden}
.zoek-laag{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px;background:rgba(24,20,28,.48)}
.zoek-laag[hidden]{display:none}
.zoek-dlg{width:100%;max-width:660px;max-height:80vh;display:flex;flex-direction:column;background:var(--zk-bg);color:var(--zk-tekst);border-radius:12px;box-shadow:0 24px 64px rgba(0,0,0,.28);overflow:hidden;font-family:var(--body,inherit);text-align:left}
@media (prefers-reduced-motion:no-preference){.zoek-dlg{animation:zoekIn .16s ease-out}}
@keyframes zoekIn{from{opacity:0;transform:translateY(-8px)}}
.zoek-kop{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 18px;border-bottom:1px solid var(--zk-lijn)}
.zoek-kop:focus-within{box-shadow:inset 0 -2px 0 var(--zk-accent)}
.zoek-kop>svg{flex:0 0 22px;width:22px;height:22px;color:var(--zk-accent)}
.zoek-dlg input.zoek-veld{flex:1;width:auto;min-width:0;min-height:48px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;font-size:1.15rem;color:var(--zk-kop);padding:8px 0;outline:none;-webkit-appearance:none;appearance:none}
.zoek-dlg input.zoek-veld:focus{outline:none;border:0;box-shadow:none}
.zoek-veld::placeholder{color:var(--zk-tekst);opacity:.7}
.zoek-veld::-webkit-search-cancel-button{display:none}
.zoek-sluit{flex:0 0 auto;min-height:36px;padding:0 10px;border:1px solid var(--zk-lijn);border-radius:6px;background:#fff;color:var(--zk-tekst);font-family:var(--mono,monospace);font-size:.72rem;letter-spacing:.08em;cursor:pointer}
.zoek-sluit:hover{border-color:var(--zk-accent);color:var(--zk-kop)}
.zoek-sluit:focus-visible{outline:3px solid var(--zk-accent);outline-offset:2px}
.zoek-status{margin:0;padding:12px 20px 4px;font-size:.86rem;color:var(--zk-tekst)}
.zoek-status:empty{display:none}
.zoek-lijst{list-style:none;margin:0;padding:6px 8px 10px;overflow-y:auto;overscroll-behavior:contain}
.zoek-lijst li{margin:0;padding:0}
.zoek-lijst li::before,.zoek-lijst li::after{display:none}
.zoek-hit{display:block;padding:12px 14px;border-radius:8px;color:inherit;text-decoration:none}
.zoek-hit:hover,.zoek-lijst .actief .zoek-hit{background:var(--zk-zacht);text-decoration:none}
.zoek-lijst .actief .zoek-hit{box-shadow:inset 3px 0 0 var(--zk-accent)}
.zoek-hit:focus-visible{outline:3px solid var(--zk-accent);outline-offset:-3px}
.zoek-pad{display:block;margin-bottom:3px;font-family:var(--mono,monospace);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--zk-accent)}
.zoek-t{display:block;font-weight:600;font-size:1.02rem;line-height:1.35;color:var(--zk-kop)}
.zoek-s{display:block;margin-top:3px;font-size:.9rem;line-height:1.45;color:var(--zk-tekst)}
.zoek-hit mark{background:var(--zk-mark);color:inherit;border-radius:2px;padding:0 1px}
.zoek-tip{margin:0;padding:10px 20px;border-top:1px solid var(--zk-lijn);font-family:var(--mono,monospace);font-size:.68rem;letter-spacing:.06em;color:var(--zk-tekst)}
.zoek-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:600px){.zoek-laag{padding:0}.zoek-dlg{max-width:none;height:100%;max-height:none;border-radius:0}.zoek-tip{display:none}}