.subs-shell{max-width:780px}.subs-app{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm),var(--shadow);overflow:hidden}.subs-progress{height:8px;background:var(--surface-2)}.subs-progress-bar{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue-500),var(--blue-600));transition:transform .35s ease}.subs-step-host{padding:clamp(1.4rem,1rem + 2vw,2.5rem)}.subs-q-count{font-weight:600;color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}.subs-q-title{font-size:clamp(1.3rem,1.1rem + 1vw,1.6rem);margin:.35rem 0 .4rem}.subs-q-help{margin-bottom:1.25rem;font-size:.9rem}.subs-options{display:grid;gap:.7rem;margin-top:1rem}.subs-option{display:flex;align-items:flex-start;gap:.85rem;width:100%;text-align:left;padding:1rem 1.15rem;background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .06s ease,opacity .15s ease}.subs-option:hover:not(:disabled){border-color:var(--blue-500);background:var(--blue-50)}.subs-option:hover:not(:disabled) .subs-radio{border-color:var(--blue-500)}.subs-option:active:not(:disabled){transform:scale(.995)}.subs-radio{position:relative;flex:none;margin-top:2px;width:20px;height:20px;border-radius:50%;border:2px solid var(--muted);transition:border-color .12s ease}.subs-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--blue-600);transform:scale(0);transition:transform .15s cubic-bezier(.25,1,.5,1)}.subs-option-body{display:flex;flex-direction:column;gap:.2rem}.subs-option-label{font-weight:600;font-size:1.0625rem}.subs-option-help{color:var(--muted);font-size:.9rem}.subs-option.selected{border-color:var(--blue-600);background:var(--blue-50)}.subs-option.selected .subs-radio{border-color:var(--blue-600)}.subs-option.selected .subs-radio:after{transform:scale(1)}.subs-option:disabled{cursor:default;opacity:.55}.subs-option.selected:disabled{opacity:1}.subs-option.selected:disabled{animation:subs-opt-bevestig .18s cubic-bezier(.25,1,.5,1)}@keyframes subs-opt-bevestig{0%{transform:scale(.985)}to{transform:scale(1)}}.subs-q.q-enter{animation:subs-q-in .25s cubic-bezier(.25,1,.5,1) both}.subs-q.q-enter-terug{animation:subs-q-in-terug .25s cubic-bezier(.25,1,.5,1) both}.subs-q.q-exit{animation:subs-q-uit .15s ease-in both}.subs-q.q-exit-terug{animation:subs-q-uit-terug .15s ease-in both}@keyframes subs-q-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes subs-q-in-terug{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes subs-q-uit{to{opacity:0;transform:translateY(-6px)}}@keyframes subs-q-uit-terug{to{opacity:0;transform:translateY(6px)}}.subs-result.verdict-enter{animation:subs-r-in .4s cubic-bezier(.16,1,.3,1) both}@keyframes subs-r-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.subs-nav{margin-top:1.5rem;min-height:1.5rem}.subs-back{background:none;border:none;color:var(--muted);font-weight:600;cursor:pointer;font-size:.9rem;padding:.6rem .75rem;margin:-.6rem 0 -.6rem -.75rem;border-radius:8px;transition:color .12s ease,background .12s ease}.subs-back:hover{color:var(--blue-700);background:var(--surface)}.subs-q-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.subs-q-context{font-weight:600;color:var(--muted);font-size:.9rem}.subs-verdict{border:1px solid;border-radius:var(--radius-sm);padding:clamp(1.25rem,1rem + 1.5vw,1.75rem);margin-bottom:1.5rem}.subs-verdict--green{border-color:var(--green);background:var(--green-bg)}.subs-verdict--amber{border-color:var(--amber);background:var(--amber-bg)}.subs-verdict--red{border-color:var(--red);background:var(--red-bg)}.subs-verdict-label{display:block;font-weight:600;font-size:.95rem}.subs-verdict--green .subs-verdict-label{color:var(--green-ink)}.subs-verdict--amber .subs-verdict-label{color:var(--amber-ink)}.subs-verdict--red .subs-verdict-label{color:var(--red-ink)}.subs-verdict-title{margin:.45rem 0 .5rem;font-size:clamp(1.55rem,1.2rem + 1.6vw,2rem);line-height:1.15;outline:none}.subs-verdict-body{color:var(--ink-2);margin:0;max-width:62ch}.subs-next{margin-top:.5rem}.subs-next h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.subs-schemes{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.subs-scheme{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.15rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.subs-scheme-name{font-family:var(--font-display);font-weight:700;color:var(--ink)}.subs-scheme-detail{color:var(--ink-2);font-size:.9rem}.subs-links{display:flex;flex-wrap:wrap;gap:.6rem}.subs-link{display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem;font-weight:600;padding:.6rem 1rem;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--blue-600);background:var(--white)}.subs-link:hover{border-color:var(--blue-500);background:var(--blue-50);text-decoration:none}.subs-link-ext{font-size:.85em;color:var(--muted)}.subs-link:hover .subs-link-ext{color:var(--blue-600)}.subs-disclaimer{margin-top:1.5rem;padding:.9rem 1.1rem;background:var(--surface);border-radius:var(--radius-sm);font-size:.9rem}.subs-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}@media(max-width:640px){.subs-step-host{padding:1.15rem 1.1rem}.subs-q-top{margin-bottom:.5rem}.subs-q-title{font-size:1.2rem;line-height:1.25;margin:.25rem 0 .35rem}.subs-q-help{margin-bottom:.85rem;font-size:.875rem;line-height:1.45}.subs-options{gap:.5rem;margin-top:.75rem}.subs-option{padding:.8rem 1rem;gap:.7rem}.subs-option-label{font-size:1rem}.subs-actions{margin-top:1.15rem}}