.keuze{display:flex;flex-wrap:wrap;gap:8px}.keuze label{position:relative;cursor:pointer}.keuze input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.keuze span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--color-line);background:#05060799;color:var(--color-muted);font-size:14px;line-height:1.2;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.keuze input:checked+span{border-color:var(--color-accent);background:#00e0ff1a;color:var(--color-ink)}.keuze input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:2px}.os-lampje{width:6px;height:6px;border-radius:99px;background:var(--color-accent);opacity:1;animation:os-ademen 1s ease-in-out infinite;flex:none}@keyframes os-ademen{0%,to{opacity:.45}50%{opacity:1}}.os-wacht{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-dim)}.os-wacht-regel{flex:1;line-height:1.5}.os-wacht-klok{color:var(--color-dim);font-family:var(--font-mono);font-size:12px}.os-host{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.os-lampje{animation:none}}.stappen{list-style:none;margin:0;padding:0;display:grid;gap:18px}.stappen li{position:relative;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}.stappen .nr{display:grid;place-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--color-line);background:var(--color-panel);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--color-accent)}.stappen li+li:before{content:"";position:absolute;left:19.5px;top:-18px;height:18px;border-left:1px solid var(--color-line)}.stappen strong{display:block;padding-top:9px;color:var(--color-ink);font-weight:600;font-size:16.5px;line-height:1.35}.stappen .uitleg{display:block;margin-top:3px;color:var(--color-muted);font-size:14px;line-height:1.5}.voorbeeld{--goed: #3dffa8;--orde: #00e0ff;--half: #ffab33;--zwak: #ff5d5d;--geen: #7d8794;border:1px solid var(--color-line);border-radius:16px;background:var(--color-panel);overflow:hidden}.voorbeeld-kop,.voorbeeld-voet{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 18px}.voorbeeld-kop{border-bottom:1px solid var(--color-line)}.voorbeeld-voet{border-top:1px solid var(--color-line);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-dim)}.voorbeeld-body{padding:18px}[data-band=goed]{--band: var(--goed)}[data-band=orde]{--band: var(--orde)}[data-band=half]{--band: var(--half)}[data-band=zwak]{--band: var(--zwak)}.regels{list-style:none;margin:0;padding:0;display:grid;gap:9px;width:100%;min-width:0}.regels li{display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:center;font-size:14.5px;line-height:1.35;color:var(--color-muted)}.regels li b{font-family:var(--font-mono);font-weight:500;font-size:14px;color:var(--color-ink);white-space:nowrap}.regels .stip{display:block;width:8px;height:8px;border-radius:99px;background:var(--band, var(--color-dim))}.regels .nieuw{margin-top:6px;padding-top:14px;border-top:1px dashed var(--color-line);color:var(--color-ink);font-weight:600}.regels .nieuw b{font-size:17px;color:var(--color-accent)}details.uitleg{border:1px solid var(--color-line);border-radius:12px;background:#0a0c1099}details.uitleg summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;cursor:pointer;list-style:none;font-size:14.5px;color:var(--color-ink)}details.uitleg summary::-webkit-details-marker{display:none}details.uitleg summary:after{content:"+";font-family:var(--font-mono);font-size:16px;color:var(--color-accent)}details.uitleg[open] summary:after{content:"−"}details.uitleg .inhoud{padding:0 18px 16px;font-size:14px;line-height:1.65;color:var(--color-muted)}details.uitleg .inhoud a{color:var(--color-accent);text-underline-offset:2px}details.uitleg .inhoud a:hover{text-decoration:underline}.js .stap{display:none}.js .stap.actief{display:block;animation:os-fade-up .32s cubic-bezier(.22,1,.36,1) both}.stap-vraag{display:block;padding:0;font-size:18px;font-weight:600;line-height:1.3;color:var(--color-ink);outline:none}@media(min-width:640px){.stap-vraag{font-size:20px}}.stap-hint{margin:5px 0 0;font-size:13.5px;line-height:1.5;color:var(--color-muted)}.keuze-kolom{flex-direction:column}.keuze-kolom label{width:100%}.keuze-kolom span{width:100%;min-height:54px;padding:11px 14px;border-radius:12px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.keuze-kolom b{font-weight:600;font-size:14.5px;color:var(--color-ink)}.keuze-kolom small{font-size:12.5px;line-height:1.4;color:var(--color-muted)}.keuze-kolom input:checked+span b{color:var(--color-ink)}.vink{display:flex;align-items:center;gap:10px;min-height:40px;cursor:pointer;font-size:14px;color:var(--color-muted)}.vink input{width:18px;height:18px;margin:0;accent-color:var(--color-accent)}.vink input:checked+span{color:var(--color-ink)}.field:disabled{opacity:.4}
