:root{--bg:#fff;--surface:#fff;--ink:#12294f;--muted:#4b5a75;--line:#d5dbe4;--accent:#0e7c86;--accent-ink:#fff;--accent-soft:#e3f2f3;--accent-on-ink:#7fd3db;--reclame:#8a97ad;--nep:#b5412e;--factuur:#12294f;--persoon:#0e7c86;--warn:#c25a1e;--warn-soft:#fdeee3;--ok:#1e7a4f;--ok-soft:#e6f4ec;--display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--body:"IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;--r:10px;--gutter:clamp(16px, 4vw, 48px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;font-size:18px;line-height:1.55;display:flex}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-weight:800;line-height:1.12}h1{font-size:clamp(30px,4vw,40px)}h2{font-size:26px}h3{letter-spacing:-.02em;font-size:21px}p{max-width:62ch;margin:0}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.klein{font-size:16px}.wrap{width:100%;max-width:1120px;padding-inline:var(--gutter);margin-inline:auto}main{flex:1;padding-block:28px 56px}.kolom{flex-direction:column;gap:20px;max-width:720px;display:flex}.kolom.breed{max-width:1120px}.kop{border-bottom:1px solid var(--line);background:var(--surface)}.kop .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding-block:12px;display:flex}.merk{color:var(--ink);font:800 22px var(--display);letter-spacing:-.03em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.merk svg{width:30px;height:30px}.kopmenu{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.kopmenu a,.kopmenu button{color:var(--ink);font:600 17px var(--body);text-decoration:none}.kopmenu button{cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}footer{border-top:1px solid var(--line);color:var(--muted);padding-block:32px;font-size:15px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}footer a{color:var(--muted)}.voet-balk{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:14px}.voet-credit{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn{border:1px solid var(--accent);background:var(--accent);min-height:48px;color:var(--accent-ink);font:600 17px var(--body);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:8px 24px;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{border-color:var(--ink);filter:none}.btn.gevaar{color:var(--nep);border-color:var(--nep);background:0 0}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:default;filter:none}.knoprij{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.kaart.uitgelicht{border:2px solid var(--accent)}form.kolom{gap:20px}.veld{flex-direction:column;gap:8px;display:flex}.veld>span{font-weight:600}input[type=text],input[type=email],input[type=password],select{width:100%;height:52px;font:400 18px var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0 14px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.keuze{border:1px solid var(--line);border-radius:var(--r);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.keuze:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.keuze input{width:24px;height:24px;accent-color:var(--accent);flex:none;margin:2px 0 0}.keuzes{flex-direction:column;gap:12px;display:flex}.keuzes.naast{flex-flow:wrap}.keuzes.naast .keuze{flex:200px}.melding{border:1px solid var(--line);border-radius:var(--r);background:var(--accent-soft);padding:12px 16px}.melding.fout{background:var(--warn-soft);border-color:var(--warn)}.melding.gelukt{background:var(--ok-soft);border-color:var(--ok)}.lijst{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lijst>li{border:1px solid var(--line);border-radius:var(--r);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.regeltekst{flex-direction:column;gap:2px;min-width:0;display:flex}.cijfers{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.cijfers li{border:1px solid var(--line);border-top:4px solid var(--kleur);border-radius:var(--r);padding:10px 14px;font-size:16px}.cijfers b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:28px;display:block}.balk{background:var(--accent-soft);border-radius:999px;height:16px;overflow:hidden}.balk>span{background:var(--accent);height:100%;display:block}.balk.bezig>span{width:35%;animation:1.8s ease-in-out infinite alternate schuif}@keyframes schuif{0%{margin-left:0}to{margin-left:65%}}@media (prefers-reduced-motion:reduce){.balk.bezig>span{width:100%;animation:none}}.lijst>li>.knoprij,.mailknoppen{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mailactie{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mailactie select{width:auto;min-width:190px}.tekstknop{color:var(--accent);font:600 16px var(--body);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}details>summary{cursor:pointer;font:600 19px var(--body);border-top:1px solid var(--line);padding:14px 0}details>summary:first-of-type{list-style:revert}hr{border:0;border-top:1px solid var(--line);margin:0}@media (max-width:560px){.btn,.knoprij .btn{width:100%}.keuzeknoppen .btn{width:auto}}button.link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.stapkop{flex-direction:column;gap:10px;display:flex}.stapkop .terug{font:600 17px var(--body);color:var(--ink);align-self:flex-start;padding-block:4px}.balk.dun{max-width:320px;height:8px}details.kaart{padding-block:8px;display:block}details.kaart>summary{font:800 21px var(--display);letter-spacing:-.02em;border-top:0;padding:14px 0}details.kaart[open]>summary{margin-bottom:8px}details.kaart[open]{padding-bottom:24px}.melding{overflow-wrap:anywhere}.stappen{grid-template-columns:repeat(4,1fr);gap:8px;max-width:720px;margin:0;padding:0;list-style:none;display:grid}.stappen li{border-top:4px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding-top:10px;font-size:16px;display:flex}.stappen li[data-staat]{border-top-color:var(--accent)}.stappen li[data-staat=nu]{color:var(--ink);font-weight:600}.stappen a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.stappen a:hover .naam{text-decoration:underline}.stappen .nr{border:1.5px solid;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;font-size:14px;display:inline-grid}.stappen li[data-staat] .nr{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.stappen li:not([data-staat]) .nr{border-color:var(--line)}@media (max-width:640px){.stappen{display:flex}.stappen li{flex:1}.stappen li[data-staat=nu]{flex:3}.stappen li:not([data-staat=nu]) .naam{display:none}}.stapknoppen{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}@media (max-width:560px){.stapknoppen{flex-direction:column-reverse;align-items:stretch}.stapknoppen>span:empty{display:none}}.lijst.raster{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.lijst.raster>li{flex-direction:column;align-items:stretch}.lijst.raster select{max-width:none!important}.proefknop{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.proef{columns:3 250px;column-gap:16px}.proefgroep{break-inside:avoid;border:1px solid var(--line);border-top:4px solid var(--kleur);border-radius:var(--r);min-width:0;margin-bottom:16px;overflow:hidden}[data-groep]{--kleur:var(--muted)}[data-groep=reclame]{--kleur:var(--reclame)}[data-groep=nepmail],[data-groep=spam]{--kleur:var(--nep)}[data-groep=factuur],[data-groep=officieel]{--kleur:var(--factuur)}[data-groep=persoonlijk],[data-groep=melding]{--kleur:var(--persoon)}[data-groep=nakijken]{--kleur:var(--warn)}.proefgroep h3{justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;font-size:18px;display:flex}.proefgroep h3 b{font-size:26px}.proefgroep ul{border-top:1px solid var(--line);max-height:340px;margin:0;padding:0;list-style:none;overflow-y:auto}.proefgroep li{flex-direction:column;padding:10px 16px;font-size:15px;line-height:1.4;display:flex}.proefgroep li+li{border-top:1px solid var(--line)}.proefgroep .van,.proefgroep .onderwerp{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proefgroep .van{font-weight:600}.proefgroep .klein{font-size:13px}.raster{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start;gap:16px;display:grid}.raster>.kolom{max-width:none}.dash{align-items:start;gap:20px;display:grid}.dash>.kolom{max-width:none}@media (min-width:900px){.dash{grid-template-columns:minmax(0,1fr) 340px}}.rijen{margin:0;padding:0;list-style:none}.rijen>li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-block:10px;display:flex}.rijen>li+li{border-top:1px solid var(--line)}.rijen .regeltekst b{overflow-wrap:anywhere}.rijen a{font-size:16px;font-weight:600}.mailraster{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.mailraster>li{border:1px solid var(--line);border-radius:var(--r);flex-direction:column;justify-content:space-between;gap:10px;min-width:0;padding:12px 14px;font-size:16px;display:flex}.mailraster .regeltekst>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.keuzeknoppen{gap:8px;display:flex}.keuzeknoppen>form{flex:1;display:flex}.keuzeknoppen .btn{flex:1;padding-inline:12px}.mailraster .mailactie select{flex:1;min-width:0;height:44px;font-size:16px}.mailraster .mailactie .btn{min-height:44px}.feiten{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.raster>details[open]{grid-column:1/-1}.rijen .regeltekst{flex:220px}.raster>details .kolom{max-width:none}.mailraster .mailactie label{flex-basis:100%}