.sf-wrap{gap:2rem;display:grid}@media (width>=1024px){.sf-wrap{grid-template-columns:7fr 4fr;align-items:start;gap:2.5rem}}.sf{background:var(--surface);border:1px solid var(--border,#d8dde0);border-radius:1rem;padding:1.5rem}@media (width>=640px){.sf{padding:2rem}}.sf fieldset{border:0;min-width:0;margin:0;padding:0}.sf-voortgang{flex-wrap:wrap;gap:.4rem;margin:0 0 .5rem;padding:0;font-size:.8rem;font-weight:600;list-style:none;display:flex}.sf-voortgang li{background:var(--surface-muted);color:var(--text-muted);border-radius:999px;padding:.3rem .7rem}.sf-voortgang li.actief{background:var(--color-brand-700);color:#fff}.sf-voortgang li.klaar{background:var(--color-brand-100);color:var(--color-brand-900)}.sf-voortgang button{all:unset;cursor:pointer}.sf-stap-label{color:var(--text-muted);margin:0 0 1.25rem;font-size:.8rem}.sf h2{margin:0 0 1rem;font-size:1.35rem}.sf-intro{color:var(--text-muted);margin:0 0 1rem;font-size:.95rem;line-height:1.6}.sf-velden{gap:1rem;display:grid}.sf-velden-2{grid-template-columns:1fr}@media (width>=640px){.sf-velden-2{grid-template-columns:1fr 1fr}}.sf-veld label,.sf-veld legend{color:var(--text);margin-bottom:.35rem;font-size:.875rem;font-weight:600;display:block}.sf-hulp{color:var(--text-muted);font-size:.8rem;font-weight:400}.sf input:not([type=checkbox]),.sf select,.sf textarea{box-sizing:border-box;border:1px solid var(--border-strong,#b9c2c6);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:.5rem;padding:.65rem .9rem;font-size:.9rem}.sf input:focus,.sf select:focus,.sf textarea:focus{outline:2px solid var(--color-brand-500);outline-offset:1px}.sf input[aria-invalid=true],.sf select[aria-invalid=true],.sf textarea[aria-invalid=true]{border-color:#b42318}.sf-vink{color:var(--text);align-items:flex-start;gap:.6rem;font-size:.875rem;line-height:1.5;display:flex}.sf-vink input{flex:none;margin-top:.25rem}.sf-vinkjes{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.sf-melding{color:#912018;background:#fef3f2;border:1px solid #fda29b;border-radius:.5rem;margin:1rem 0 0;padding:.7rem .9rem;font-size:.875rem}.sf-ok{background:var(--color-brand-50);color:var(--color-brand-900);border:1px solid var(--color-brand-200);border-radius:.75rem;padding:1.25rem;font-size:.95rem;line-height:1.6}.sf-ok strong{margin-bottom:.25rem;font-size:1.1rem;display:block}.sf-knoppen{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.sf-knop,.sf-terug{font:inherit;cursor:pointer;border:0;border-radius:.5rem;height:3rem;padding:0 1.5rem;font-size:.875rem;font-weight:700}.sf-knop{background:var(--color-brand-700);color:#fff}.sf-knop:hover{background:var(--color-brand-800)}.sf-knop:disabled{opacity:.6;cursor:wait}.sf-terug{background:var(--surface-muted);color:var(--text)}.sf-samenvatting{white-space:pre-wrap;word-break:break-word;font:inherit;background:var(--surface-muted);border-radius:.5rem;max-height:14rem;margin:.35rem 0 0;padding:.8rem;font-size:.8rem;overflow:auto}.sf-zij{background:var(--surface-muted);border-top:4px solid var(--color-accent-500);border-radius:1rem;padding:1.5rem}.sf-zij h2{margin:0 0 .75rem;font-size:1.15rem}.sf-zij ul{color:var(--text-muted);gap:.5rem;margin:0;padding-left:1.2rem;font-size:.9rem;line-height:1.55;list-style:outside;display:grid}.sf-zij p{color:var(--text-muted);margin:.9rem 0 0;font-size:.9rem;line-height:1.6}.sf-zij a{text-decoration:underline}.sf-wrap{--surface:#fff;--surface-muted:#eef3f8;--border:#0a27401f;--border-strong:#0a274033;--text:#1a2332;--text-muted:#5a6575;--color-brand-50:#eaf3fd;--color-brand-100:#dbeafb;--color-brand-200:#0070dc47;--color-brand-500:#0070dc;--color-brand-700:#0070dc;--color-brand-800:#0a5bb5;--color-brand-900:#0a2740;--color-accent-500:#ffc220;font-family:Inter,Poppins,system-ui,sans-serif;font-size:1rem;line-height:1.5}.sf{border-radius:18px;box-shadow:0 14px 34px #0a274014}.sf h2,.sf-zij h2{color:#0a2740;margin:0 0 1rem;font-family:Lora,Georgia,serif;font-weight:600;line-height:1.25}.sf-veld label,.sf-veld legend{color:#0a2740;font-weight:700}.sf input:not([type=checkbox]),.sf select,.sf textarea{color:#1a2332;background:#f7fafc;border:1px solid #0a274024;border-radius:12px;padding:12px 14px;font-family:Inter,system-ui,sans-serif;font-size:1rem}.sf input:focus,.sf select:focus,.sf textarea:focus{background:#fff;border-color:#0070dc8c;outline:none;box-shadow:0 0 0 3px #0070dc26}.sf-voortgang li{font-family:Inter,system-ui,sans-serif}.sf-knop,.sf-terug{border:0;border-radius:12px;height:auto;padding:14px 22px;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:700;line-height:1.2}.sf-knop{color:#fff;background:linear-gradient(135deg,#0070dc 0%,#0a5bb5 100%);box-shadow:0 10px 24px #0070dc47}.sf-knop:hover{color:#fff;filter:brightness(1.05);background:linear-gradient(135deg,#0070dc 0%,#0a5bb5 100%)}.sf-terug,.sf-terug:hover,.sf-terug:focus{color:#0a2740;background:#eef3f8}.sf-terug:hover{background:#dde7f1}.sf-zij{background:#fff;border:1px solid #0070dc2e;border-top:4px solid #ffc220;border-radius:18px;box-shadow:0 14px 34px #0a274014}.sf-zij ul,.sf-zij p{margin-bottom:0}.sf-zij a{color:#0070dc;font-weight:700}.sf-ok{color:#1a2332;background:#fff8e1;border-color:#ffc2208c}.sf-wrap .sf h2{margin-top:0}.sf-vink input{width:auto}
