/* The automation scorecard form — one question at a time.
   Loaded by / and /audit/. The markup comes from
   Operations/Automations Audit/scorecard-form.py; the behaviour is scorecard.js.
   Without JS every step is visible and this is a plain form. */
.sc-form{scroll-margin-top:96px}
.sc-form [hidden]{display:none!important}
.sc-progress{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sc-progress-label{flex:0 0 auto}
.sc-progress-bar{flex:1;height:4px;border-radius:999px;background:var(--line);overflow:hidden}
.sc-progress-bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .3s ease}
.sc-step{border:0;padding:0;margin:0 0 20px;min-width:0}
.sc-q{display:block;width:100%;padding:0;margin-bottom:14px;font-size:1.08rem;font-weight:700;line-height:1.35;color:var(--ink)}
.sc-step .field{margin-bottom:14px}
.sc-step .field:last-child{margin-bottom:0}
.sc-opts{display:grid;gap:10px}
.sc-opt{display:block;position:relative;cursor:pointer}
.sc-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.sc-opt span{display:block;padding:13px 16px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-size:.96rem;font-weight:600;color:var(--ink);line-height:1.4;transition:border-color .15s ease,background .15s ease}
.sc-opt:hover span{border-color:var(--gold-soft)}
.sc-opt input:checked+span{border-color:var(--gold);background:#fbf5e8;box-shadow:inset 0 0 0 1px var(--gold)}
.sc-opt input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.sc-form.is-stepped .sc-step:not(.is-active){display:none}
.sc-nav{display:flex;align-items:center;gap:12px;margin-top:6px}
.sc-form .sc-nav .btn{flex:1;width:auto;margin-top:0}
.sc-back{flex:0 0 auto;background:none;border:0;padding:12px 4px;font:inherit;font-size:.92rem;font-weight:600;color:var(--muted);cursor:pointer}
.sc-back:hover{color:var(--ink)}
.sc-done{text-align:center;padding:8px 0 4px}
.sc-done h3{margin-bottom:10px}
.sc-done p{color:var(--ink-soft);font-size:.97rem}
@media(prefers-reduced-motion:reduce){.sc-progress-bar i,.sc-opt span{transition:none}}
