: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}.sluitbaar[hidden]{display:none}.sluit{float:right;margin:-2px -4px 4px 12px;padding:2px 8px;border:1px solid var(--let-op-rand);border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.sluit:hover{background:var(--let-op-rand);color:#000}.sluit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.link-knop{all:unset;cursor:pointer;text-decoration:underline;color:var(--accent)}.link-knop[hidden]{display:none}.link-knop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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{display:flex;flex-direction:column;min-width:0}.veld>input,.veld>select{margin-top:auto}.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 .mist{border-color:var(--fout);box-shadow:0 0 0 1px var(--fout)}.verplicht{color:var(--fout);font-weight:600}.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;align-content:end}.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}.scenario-kop{flex:1 1 100%;font-size:1.05rem;margin:0}.inklap{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700;border-radius:4px}.inklap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.inklap-pijl{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid currentColor;transition:transform .15s}.inklap[aria-expanded=false] .inklap-pijl{transform:rotate(-90deg)}.keuzes-kort{flex:1 1 100%;margin:0;font-size:.875rem;color:var(--tekst-2)}.keuzes-kort[hidden],.keuzegroepen[hidden]{display:none}.keuzegroepen{flex:1 1 100%;display:grid;gap:12px 20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.keuzegroep{margin:0;padding:10px 14px 12px;border:1px solid var(--rand);border-radius:8px;display:flex;flex-direction:column;gap:10px;min-width:0}.keuzegroep legend{font-weight:700;font-size:.9rem;padding:0 4px}.keuze{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.875rem}.keuze select{font:inherit;font-weight:400;padding:6px 8px;border:1px solid var(--rand);border-radius:6px;background:var(--kaart);color:inherit;min-width:0;width:100%}.hint{display:block;font-weight:400;font-size:.8rem;color:var(--tekst-2)}.hint:empty{display:none}.vinkje{display:flex;gap:8px;align-items:flex-start;font-size:.875rem;font-weight:600}.vinkje input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--accent)}.deeltijd-keuzes{display:flex;flex-direction:column;gap:8px}.deeltijd-keuzes[hidden]{display:none}.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{display:flex;flex-direction:column}.optie .notitie{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--rand);font-size:.85rem;color:var(--tekst-2)}.vergelijking td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.vergelijking h2{margin-top:0}.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{padding:20px 24px}.login h2{margin-top:0}.login-twee{display:grid;gap:8px 40px}.login-twee #login-form,.login-twee #login-status{max-width:420px}.login-uitleg{border-top:1px solid var(--rand);padding-top:12px}.login-uitleg h3{font-size:1rem;margin:0 0 6px}.login-uitleg h3+ol,.login-uitleg h3+p{margin-top:0}.login-uitleg ol{padding-left:20px;margin-bottom:16px}.login-uitleg li{margin-bottom:6px}@media(min-width:760px){.login-twee{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login-uitleg{border-top:0;padding-top:0;border-left:1px solid var(--rand);padding-left:32px}}.login .veld{margin-bottom:12px}.turnstile{min-height:65px;margin:4px 0 8px}#code-form{max-width:420px;margin-top:16px}.verstuurd{display:flex;gap:14px;align-items:flex-start;max-width:420px;padding:14px 16px;border-radius:8px;background:color-mix(in srgb,var(--accent) 9%,var(--kaart));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--kaart))}.verstuurd-icoon{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-tekst);font-size:18px}.verstuurd p{margin:4px 0 0}.verstuurd .adres{font-weight:600;overflow-wrap:anywhere}#opnieuw-wrap{margin-top:12px}.linkknop:disabled{color:var(--tekst-2);text-decoration:none;cursor:default}.code-invoer{font-family:ui-monospace,monospace;font-size:1.25rem;letter-spacing:.15em;text-transform:uppercase;max-width:12em}.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}}.advies h3{font-size:1rem;margin:18px 0 6px}.advies ul{padding-left:20px}.advies li{margin-bottom:8px}.let-op-inline{border-left:4px solid var(--let-op-rand);background:var(--let-op-vlak);padding:8px 12px;border-radius:4px;font-size:.9rem}.advies td,.advies th{white-space:normal;text-align:left;vertical-align:top}.advies table td:last-child{min-width:16em}.schuif-uitleg{grid-column:1 / -1;margin:2px 0 0}