:root{--kleur-blauw:#0637a4;--kleur-navy:#191d51;--kleur-oranje:#ff712b;--kleur-tekst:#191d51;--kleur-tekst-zacht:#6b7093;--kleur-tekst-licht:#9296b4;--kleur-rand:#e4e7f0;--kleur-rand-zacht:#eef0f6;--kleur-vlak:#fff;--kleur-achtergrond:#f5f6fa;--kleur-blauw-zacht:#eef2fc;--kleur-groen:#0f7a52;--kleur-groen-zacht:#e6f4ee;--letter:"Montserrat", ui-sans-serif, system-ui, sans-serif;--letter-vast:ui-monospace, "SF Mono", Menlo, monospace;--ruimte-klein:8px;--ruimte:16px;--ruimte-groot:26px;--ronding:10px;--ronding-klein:6px;--zijbalk-breed:232px}*{box-sizing:border-box}body{font-family:var(--letter);background:var(--kleur-achtergrond);color:var(--kleur-tekst);margin:0;font-size:14px}.raam{grid-template-columns:var(--zijbalk-breed) 1fr;min-height:100vh;display:grid}.zijbalk{background:var(--kleur-vlak);border-right:1px solid var(--kleur-rand);padding:var(--ruimte-groot) var(--ruimte) var(--ruimte)}.merk{color:var(--kleur-navy);margin:0 0 var(--ruimte-groot) 10px;letter-spacing:-.01em;font-size:20px;font-weight:700}.menugroep{margin-bottom:var(--ruimte-groot)}.menukop{letter-spacing:.1em;text-transform:uppercase;color:var(--kleur-tekst-licht);margin:0 0 var(--ruimte-klein) 10px;font-size:10px;font-weight:700}.menu-item{border-radius:var(--ronding-klein);align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.menu-item svg{flex:none;width:17px;height:17px}.menu-item.is-actief{background:var(--kleur-blauw-zacht);color:var(--kleur-blauw);box-shadow:inset 2px 0 0 var(--kleur-blauw);font-weight:600}.menu-item.is-later{color:var(--kleur-tekst-licht);cursor:default}.werkvlak{flex-direction:column;min-width:0;display:flex}.bovenbalk{padding:var(--ruimte) var(--ruimte-groot);border-bottom:1px solid var(--kleur-rand);background:var(--kleur-achtergrond)}.alles-zoeken{border:1px solid var(--kleur-rand);border-radius:var(--ronding);background:var(--kleur-vlak);max-width:460px;color:var(--kleur-tekst-licht);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.toets{font-family:var(--letter-vast);background:var(--kleur-rand-zacht);border-radius:4px;padding:2px 6px;font-size:11px}.inhoud{padding:var(--ruimte-groot);max-width:1100px}.paginakop{margin:0 0 var(--ruimte);letter-spacing:-.01em;font-size:24px;font-weight:700}.tabbladen{gap:var(--ruimte-groot);border-bottom:1px solid var(--kleur-rand);margin-bottom:var(--ruimte-groot);display:flex}.tab{color:var(--kleur-tekst-zacht);padding-bottom:10px;font-size:14px;font-weight:500}.tab.is-actief{color:var(--kleur-tekst);box-shadow:inset 0 -2px 0 var(--kleur-navy);font-weight:600}.tab.is-later{color:var(--kleur-tekst-licht);cursor:default}.kaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--ronding);padding:var(--ruimte);margin-bottom:var(--ruimte)}.kaartkop{margin:0 0 var(--ruimte);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.label{font-family:var(--letter-vast);letter-spacing:.08em;text-transform:uppercase;color:var(--kleur-tekst-zacht);background:var(--kleur-rand-zacht);border-radius:4px;padding:3px 7px;font-size:10px;font-weight:600}.telling{color:var(--kleur-tekst-licht);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:600}.velden{gap:var(--ruimte-klein);flex-wrap:wrap;display:flex}.veld{flex-direction:column;flex:150px;gap:5px;display:flex}.veld.breed{flex:2 230px}.veld.smal{flex:0 0 110px}.veld span{letter-spacing:.04em;text-transform:uppercase;color:var(--kleur-tekst-zacht);font-size:11px;font-weight:600}.veld input,.veld select{font-family:var(--letter);border:1px solid var(--kleur-rand);border-radius:var(--ronding-klein);background:var(--kleur-vlak);color:var(--kleur-tekst);width:100%;padding:10px 11px;font-size:14px}.veld input:focus,.veld select:focus{outline:2px solid var(--kleur-blauw);outline-offset:1px}.knoppenrij{align-items:center;gap:var(--ruimte);margin-top:var(--ruimte);flex-wrap:wrap;display:flex}.chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.chip{font-family:var(--letter);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);color:var(--kleur-tekst-zacht);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:500}.chip.is-aan{background:var(--kleur-blauw-zacht);border-color:var(--kleur-blauw);color:var(--kleur-blauw);font-weight:600}.hoofdknop{font-family:var(--letter);border-radius:var(--ronding-klein);background:var(--kleur-blauw);color:var(--kleur-vlak);cursor:pointer;border:0;padding:10px 24px;font-size:14px;font-weight:600}.hoofdknop:disabled{opacity:.55;cursor:default}.uitlegrij{gap:var(--ruimte);color:var(--kleur-tekst-zacht);flex-wrap:wrap;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.uitlegrij li+li{padding-left:var(--ruimte);border-left:1px solid var(--kleur-rand)}.regel{border-top:1px solid var(--kleur-rand-zacht);align-items:center;gap:10px;padding:10px 2px;display:flex}.regel:first-of-type{border-top:0}.regeltitel{flex:none;font-weight:600}.regelmeta{color:var(--kleur-tekst-zacht);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.score{font-family:var(--letter-vast);background:var(--kleur-groen-zacht);color:var(--kleur-groen);font-variant-numeric:tabular-nums;border-radius:5px;padding:3px 7px;font-size:12px;font-weight:700}.afstand{font-family:var(--letter-vast);background:var(--kleur-blauw-zacht);color:var(--kleur-blauw);font-variant-numeric:tabular-nums;border-radius:5px;flex:none;padding:3px 7px;font-size:12px;font-weight:700}.merkje{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--kleur-rand);color:var(--kleur-tekst-licht);border-radius:4px;flex:none;padding:3px 7px;font-size:10px;font-weight:700}.waarschuwing{border-radius:var(--ronding);background:var(--kleur-oranje);color:var(--kleur-navy);margin:0 0 var(--ruimte);padding:11px 14px;font-size:13px;font-weight:600}.leeg{color:var(--kleur-tekst-zacht);font-size:14px}@media (max-width:860px){.raam{grid-template-columns:1fr}.zijbalk{display:none}}.inlogvlak{min-height:100vh;padding:var(--ruimte);place-items:center;display:grid}.inlogkaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--ronding);width:100%;max-width:380px;padding:var(--ruimte-groot)}.inlogkaart .merk{margin-left:0;margin-bottom:var(--ruimte-groot)}.inlogkop{margin:0 0 var(--ruimte-klein);font-size:19px;font-weight:700}.inloguitleg{color:var(--kleur-tekst-zacht);margin:0 0 var(--ruimte);font-size:13.5px;line-height:1.5}.inlogknop{text-align:center;margin-top:var(--ruimte);text-decoration:none;display:block}.bovenbalk{align-items:center;gap:var(--ruimte);display:flex}.bovenbalk .alles-zoeken{flex:1}.wie{align-items:center;gap:var(--ruimte-klein);display:flex}.wie-naam{font-size:13.5px;font-weight:600}.uitlogknop{font-family:var(--letter);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);color:var(--kleur-tekst-zacht);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:500}