/* ===== Wizard Kuesioner ===== */
.wizard{max-width:820px;margin:0 auto}
.wiz-progress{margin-bottom:28px}
.wiz-progress .bar{height:8px;background:var(--c-primary-050);border-radius:999px;overflow:hidden;box-shadow:var(--nm-inset)}
.wiz-progress .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--c-primary),var(--c-gold));border-radius:999px;transition:width .3s ease;width:0}
.wiz-progress .meta{display:flex;justify-content:space-between;margin-top:8px;font-size:.85rem;color:var(--c-text-muted);font-weight:600}
.wiz-steps-dots{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.wiz-steps-dots .dot{width:10px;height:10px;border-radius:50%;background:var(--c-border);transition:.2s}
.wiz-steps-dots .dot.active{background:var(--c-primary);transform:scale(1.15)}
.wiz-steps-dots .dot.done{background:var(--c-gold)}
.wiz-step{display:none;animation:fade .25s ease}
.wiz-step.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wiz-step h2{margin-bottom:4px}
.wiz-step .step-desc{color:var(--c-text-muted);margin-bottom:20px}
.question{margin-bottom:26px;padding-bottom:4px}
.question .q-text{font-weight:700;margin-bottom:12px;display:block}
.question .q-num{color:var(--c-primary);font-weight:800;margin-right:6px}
.other-input{margin-top:10px;display:none}
.other-input.show{display:block}
.wiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
/* Matriks (Q3/Q4) — stacked & mobile-friendly */
.matrix-item{border:1px solid var(--c-border);border-radius:14px;padding:14px 16px;margin-bottom:14px;background:var(--c-surface);box-shadow:var(--nm-shadow-sm)}
.matrix-item .mi-label{font-weight:700;margin-bottom:10px}
.scale-row{display:flex;gap:8px;flex-wrap:wrap}
.scale-row .scale-opt{flex:1 1 auto;min-width:56px}
.scale-row .scale-opt input{position:absolute;opacity:0;width:0;height:0}
.scale-row .scale-opt label{display:flex;align-items:center;justify-content:center;padding:12px 6px;border-radius:10px;border:1px solid var(--c-border);cursor:pointer;font-weight:700;transition:.15s;box-shadow:var(--nm-shadow-sm)}
.scale-row .scale-opt input:checked + label{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
.scale-row .scale-opt input:focus-visible + label{outline:2px solid var(--c-gold);outline-offset:2px}
.scale-legend{display:flex;justify-content:space-between;font-size:.78rem;color:var(--c-text-muted);margin-bottom:8px}
.ordinal-row{display:flex;flex-direction:column;gap:8px}
.ordinal-row .choice{padding:10px 12px}
.review-block{background:var(--c-primary-050);border-radius:14px;padding:16px 18px;margin-bottom:14px}
.review-block h4{margin:0 0 8px;font-size:.92rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-primary)}
.review-item{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px dashed rgba(15,76,129,.15);font-size:.92rem}
.review-item:last-child{border-bottom:none}
.review-item .rv-q{color:var(--c-text-muted);flex:1}
.review-item .rv-a{font-weight:600;text-align:right;flex:1}
@media (min-width:560px){
  .scale-row .scale-opt{min-width:64px}
}