:root{color-scheme:light dark;--vlak: #f5f6f8;--kaart: #ffffff;--rand: #d9dde3;--tekst: #14181f;--tekst-2: #4c5563;--accent: #0b5cad;--accent-tekst: #ffffff;--let-op-vlak: #fff6dd;--let-op-rand: #e2b93b;--fout: #b3261e;--serie-1: #2a78d6;--serie-2: #eb6834;--serie-3: #1baf7a;--straal: 10px}@media(prefers-color-scheme:dark){:root{--vlak: #121417;--kaart: #1b1e23;--rand: #353a43;--tekst: #eef0f3;--tekst-2: #b3bac6;--accent: #6cb0f5;--accent-tekst: #0b1522;--let-op-vlak: #33290c;--let-op-rand: #8c6d12;--fout: #ff8a80;--serie-1: #3987e5;--serie-2: #d95926;--serie-3: #199e70}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--vlak);color:var(--tekst);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:1040px;margin:0 auto;padding:16px 16px 48px}h1{font-size:1.5rem;line-height:1.2;margin:8px 0 4px}h2{font-size:1.2rem;margin:0 0 8px}h3{font-size:1rem;margin:20px 0 6px}p{margin:0 0 10px}.sub{color:var(--tekst-2);margin-bottom:14px}.klein{font-size:.875rem;color:var(--tekst-2)}a{color:var(--accent)}.let-op{background:var(--let-op-vlak);border:1px solid var(--let-op-rand);border-radius:var(--straal);padding:10px 14px;margin:0 0 14px;font-size:.925rem}.let-op p:last-child{margin:0}.melding{border-left:4px solid var(--let-op-rand);padding:6px 12px;margin:0 0 12px;font-size:.925rem;background:var(--kaart);border-radius:4px}.melding.fout{border-color:var(--fout)}.melding ul{margin:0;padding-left:18px}.tabs{display:flex;gap:4px;overflow-x:auto;margin:0 -16px 16px;padding:0 16px;border-bottom:1px solid var(--rand);position:sticky;top:0;background:var(--vlak);z-index:5;scrollbar-width:none}.tabs button{flex:none;background:none;border:0;border-bottom:3px solid transparent;color:var(--tekst-2);font:inherit;font-weight:600;padding:12px 10px;cursor:pointer;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.tabs button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kaart{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--straal);padding:16px;margin-bottom:16px}.stappen{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:0;list-style:none}.stappen button{border:1px solid var(--rand);background:var(--kaart);color:var(--tekst-2);border-radius:999px;padding:6px 12px;font:inherit;font-size:.875rem;cursor:pointer}.stappen button[aria-current=step]{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst);font-weight:600}.velden{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px 18px}.veld label{display:block;font-weight:600;font-size:.925rem}.veld .bron{display:block;font-size:.8rem;color:var(--tekst-2);margin-bottom:4px;min-height:1.2em}.veld input[type=text],.veld input[type=date]{width:100%;padding:10px;border:1px solid var(--rand);border-radius:8px;background:var(--vlak);color:var(--tekst);font:inherit;font-variant-numeric:tabular-nums}.veld input.ongeldig{border-color:var(--fout)}.veld.breed{grid-column:1 / -1}.vink{display:flex;gap:8px;align-items:center;font-weight:600}.vink input{width:20px;height:20px;accent-color:var(--accent)}.afgeleid{margin:14px 0 0;padding:10px 12px;background:var(--vlak);border-radius:8px;font-size:.925rem}.afgeleid dl{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;margin:0}.afgeleid dt{color:var(--tekst-2)}.afgeleid dd{margin:0;font-weight:600}.knoppen{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.knop{border:1px solid var(--rand);background:var(--kaart);color:var(--tekst);border-radius:8px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}.knop.primair{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst)}.knop.rechts{margin-left:auto}.schuif{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.schuif label{font-weight:600;font-size:.925rem}.schuif output{font-weight:700;font-variant-numeric:tabular-nums}.schuif input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent);height:28px}.scenario{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center}.scenario .schuif{flex:1 1 220px}.opties{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px}.optie{background:var(--kaart);border:1px solid var(--rand);border-top:4px solid var(--k);border-radius:var(--straal);padding:14px}.optie h3{margin:0 0 2px}.optie .groot{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.optie dl{margin:10px 0 0;display:grid;grid-template-columns:1fr auto;gap:3px 10px;font-size:.9rem}.optie dt{color:var(--tekst-2)}.optie dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.tabel-wrap{overflow-x:auto;margin:0 -4px}table{border-collapse:collapse;width:100%;font-size:.9rem;font-variant-numeric:tabular-nums}th,td{padding:7px 8px;border-bottom:1px solid var(--rand);text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left;white-space:normal}thead th{color:var(--tekst-2);font-weight:600;font-size:.8rem;vertical-align:bottom;white-space:normal}tbody th{font-weight:500}tr.nadruk td,tr.nadruk th{font-weight:700}.kleurstip{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.voorna{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.voorna ul{margin:4px 0 10px;padding-left:18px}.voorna li{margin-bottom:4px;font-size:.925rem}.voorna h4{margin:10px 0 0;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-2)}.segment{display:inline-flex;border:1px solid var(--rand);border-radius:8px;overflow:hidden;margin-bottom:8px}.segment button{border:0;background:var(--kaart);color:var(--tekst-2);font:inherit;font-size:.875rem;padding:6px 12px;cursor:pointer}.segment button[aria-pressed=true]{background:var(--accent);color:var(--accent-tekst);font-weight:600}.grafiek{position:relative}.grafiek svg{display:block;touch-action:pan-y}.grafiek .raster{stroke:var(--rand);stroke-width:1}.grafiek .aslijn{stroke:var(--tekst-2);stroke-width:1}.grafiek .aslabel{fill:var(--tekst-2);font-size:11px;font-variant-numeric:tabular-nums}.grafiek .kruis{stroke:var(--tekst-2);stroke-width:1}.grafiek .markering{stroke:var(--tekst-2);stroke-width:1;stroke-dasharray:4 4}.grafiek .punt{stroke:var(--kaart);stroke-width:2}.grafiek .staaf:hover{opacity:.8}.legenda{display:flex;flex-wrap:wrap;gap:4px 16px;list-style:none;margin:0 0 6px;padding:0;font-size:.85rem;color:var(--tekst-2)}.stip{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.tip{position:absolute;top:34px;pointer-events:none;background:var(--kaart);border:1px solid var(--rand);border-radius:8px;padding:8px 10px;font-size:.8rem;box-shadow:0 4px 14px #00000026;min-width:170px;z-index:2}.tip div{display:flex;align-items:center;gap:2px;white-space:nowrap}.tip b{margin-left:auto;padding-left:12px;font-variant-numeric:tabular-nums}.aannames ul{margin:0;padding-left:18px}.aannames li{margin-bottom:4px;font-size:.9rem}footer{color:var(--tekst-2);font-size:.8rem;margin-top:8px}@media(max-width:520px){h1{font-size:1.25rem}.kaart{padding:12px}.optie .groot{font-size:1.4rem}}@media print{.tabs,.knoppen,.stappen{display:none}}.veld select.invoer{width:100%;padding:10px;border:1px solid var(--rand);border-radius:8px;background:var(--vlak);color:var(--tekst);font:inherit}.veld input:disabled{opacity:.5}[hidden]{display:none!important}.veld input.berekend{color:var(--tekst-2);font-style:italic}.upload{border:1px dashed var(--let-op-rand);border-radius:6px;padding:12px;margin:0 0 16px}.upload input[type=file]{display:block;margin:8px 0;max-width:100%;font:inherit}.upload .klein{margin:0 0 8px}.upload .melding:last-child{margin-bottom:0}.upload .melding{overflow-wrap:anywhere}.login{max-width:460px}.login .veld{margin-bottom:12px}.wie{margin:4px 0 0}.linkknop{background:none;border:0;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}.veld[hidden]{display:none}.promotie-keuze{border:1px solid var(--rand, #8884);border-radius:6px;padding:8px 12px 10px;margin:0}.promotie-keuze legend{font-weight:600;font-size:.925rem;padding:0 4px}.promotie-keuze label.vink{display:block;margin:6px 0}.promotie-keuze label.vervalt{opacity:.6;text-decoration:line-through}.kop{position:relative;overflow:hidden;margin:0 0 16px;padding:18px 20px 16px;border-radius:calc(var(--straal) + 4px);color:#fff;background:radial-gradient(120% 140% at 100% 0%,rgba(255,201,77,.18),transparent 55%),linear-gradient(135deg,#0b3d74,#0a2a50 60%,#081d38);box-shadow:0 6px 20px #081d3840}.kop:after{content:"";position:absolute;inset:auto -10% -60% 35%;height:160%;border-top:2px solid rgba(255,255,255,.1);border-radius:50% 50% 0 0;transform:rotate(-12deg);pointer-events:none}.kop-merk{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.kop-merk>div:not(.kop-rechts){flex:1 1 0;min-width:0}.kop .logo{width:52px;height:52px;flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));border-radius:14px}.kop h1{color:#fff;margin:0;font-size:1.55rem;letter-spacing:-.01em}.kop-boven{margin:0 0 2px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffc94d}.kop-sub{position:relative;z-index:1;margin:12px 0 0;color:#ffffffd1;max-width:62ch}.kop-rechts{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:.875rem}.kop-rechts .wie{margin:0;color:#ffffffbf}.kop-knop{font:inherit;font-weight:600;color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:4px 12px}.kop-knop:hover{background:#fff3}.kop-knop:focus-visible{outline:2px solid #ffc94d;outline-offset:2px}@media(max-width:560px){.kop{padding:14px}.kop-merk{flex-wrap:wrap;gap:10px 12px}.kop .logo{width:44px;height:44px}.kop h1{font-size:1.25rem}.kop-rechts{order:3;width:100%;margin-left:0}.kop-boven{font-size:.7rem}.kop-sub{font-size:.925rem;margin-top:10px}}