#af-tool{color-scheme:light;--teal:#06232a;--teal-diep:#033737;--groen:#00d195;--groen-hover:#00e5a5;--rood:#db0032;--oranje:#fc8e63;--grijs:#75858e;--stroke:#49565a;--pebble:#f7f9f5;--rand:#e5e7eb;--wit:#ffffff;--grond:var(--wit);--vlak:var(--pebble);--lijn:var(--rand);--tekst:var(--teal);--tekst-2:var(--grijs);--kaart:var(--wit);--schaduw-sm:0 1px 2px rgba(6,31,42,.08);--r-kaart:8px;--r-pil:92px;--f:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-family:var(--f);color:var(--tekst);background:var(--grond);font-size:16px;line-height:1.6;padding-bottom:80px}@media(max-width:640px){#af-tool{padding-bottom:56px}}#af-tool *{box-sizing:border-box}#af-tool :where(button,input,select,textarea){font:inherit;color:inherit}#af-tool ::selection{background:var(--groen);color:var(--teal)}#af-tool .wrap{width:min(100% - 40px,1180px);margin-inline:auto}#af-tool .smal{max-width:820px}#af-tool h1,#af-tool h2,#af-tool h3{margin:0;letter-spacing:-.02em;line-height:1.15;font-weight:600}#af-tool h1{font-size:clamp(28px,4.4vw,48px);line-height:1.1}#af-tool h2{font-size:clamp(20px,2.4vw,28px)}#af-tool h3{font-size:17px;line-height:1.3}#af-tool p{margin:0}#af-tool .eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--grijs)}#af-tool .kruimel{font-size:13px;color:var(--tekst-2);display:flex;gap:8px;flex-wrap:wrap;align-items:center}#af-tool .kruimel a{color:inherit;text-decoration:none}#af-tool .kruimel a:hover{text-decoration:underline}#af-tool .hero{padding:40px 0 28px;display:grid;gap:14px;max-width:760px}#af-tool .hero p.intro{font-size:17px;line-height:1.6;color:var(--tekst-2)}#af-tool .knop{border:1px solid transparent;border-radius:var(--r-pil);padding:11px 20px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .15s ease,border-color .15s ease}#af-tool .knop--vol{background:var(--groen);color:var(--teal)}#af-tool .knop--vol:hover{background:var(--groen-hover)}#af-tool .knop--rand{background:transparent;border-color:var(--lijn);color:var(--tekst)}#af-tool .knop--rand:hover{border-color:var(--stroke)}#af-tool .knop:focus-visible{outline:2px solid var(--groen);outline-offset:2px}#af-tool .knop[disabled]{opacity:.45;cursor:not-allowed}#af-tool .paneel{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--r-kaart);padding:20px}#af-tool .kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--r-kaart);padding:18px}#af-tool .rij{display:flex;gap:10px;flex-wrap:wrap;align-items:center}#af-tool .uitvoer{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0 0;align-items:center}#af-tool .melding{font-size:14px;color:var(--tekst-2);min-height:20px}#af-tool .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#af-tool label.veld{display:grid;gap:6px}#af-tool label.veld>span{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-2)}#af-tool input[type=text],#af-tool input[type=number],#af-tool input[type=email],#af-tool select{background:var(--kaart);border:1px solid var(--lijn);border-radius:6px;padding:10px 12px;font-size:15px;width:100%}#af-tool input:focus-visible,#af-tool select:focus-visible{outline:2px solid var(--groen);outline-offset:1px}#af-tool .voortgang{height:6px;border-radius:var(--r-pil);background:var(--vlak);overflow:hidden}#af-tool .voortgang i{display:block;height:100%;background:var(--groen);transition:width .25s ease}#af-tool .keuze{display:grid;gap:8px}#af-tool .keuze button{text-align:left;background:var(--kaart);border:1px solid var(--lijn);border-radius:6px;padding:13px 15px;font-size:15px;cursor:pointer;line-height:1.45;transition:border-color .15s ease,background .15s ease}#af-tool .keuze button:hover{border-color:var(--stroke)}#af-tool .keuze button[aria-pressed=true]{background:var(--teal);color:var(--pebble);border-color:var(--teal)}#af-tool .schaal{display:grid;gap:0}#af-tool .schaal-rij{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--lijn)}#af-tool .schaal-rij:first-child{border-top:0}#af-tool .schaal-rij .naam{flex:1;font-size:15px}#af-tool .schaal-rij .waarde{font-weight:600;font-variant-numeric:tabular-nums}#af-tool .staaf{height:10px;border-radius:var(--r-pil);background:var(--vlak);overflow:hidden;flex:0 0 140px}#af-tool .staaf i{display:block;height:100%;background:var(--groen)}#af-tool .staaf i.zwaar{background:var(--oranje)}#af-tool .staaf i.zwaarst{background:var(--rood)}#af-tool .gevolg{font-size:15px;line-height:1.55;padding:14px 16px;border-radius:6px;background:var(--vlak)}#af-tool .gevolg b{font-weight:600}#af-tool .gevolg[data-toon=alarm] b{color:var(--rood)}