/* css/features/quiz/quiz.css — Quiz options, step indicators */

/* ═══ QUIZ OPTIONS ═══ */
.qopt{background:rgba(30,58,95,.7);border:1px solid var(--border);border-radius:var(--r2);padding:14px 15px;margin-bottom:9px;cursor:pointer;font-size:14px;color:var(--tx2);transition:all .15s;display:flex;align-items:center;gap:11px}
.qopt:hover{border-color:rgba(139,123,184,.4);background:rgba(139,123,184,.06)}
.qopt.sel{border-color:var(--gold);background:rgba(139,123,184,.12);color:var(--tx);box-shadow:0 0 16px rgba(139,123,184,.15)}
.qdot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0}
.qopt.sel .qdot{border-color:var(--gold);background:var(--gold);box-shadow:0 0 8px var(--gold)}
.step-row{display:flex;gap:4px;margin-bottom:20px}
.sdot{flex:1;height:3px;border-radius:2px;background:var(--bg4)}
.sdot.on{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.sdot.dn{background:var(--gdim)}