/* Calciostyle Academy — quiz (Strato 4) */
.csa-quiz{max-width:820px;margin:26px auto 0;background:#fff;border:1px solid var(--line,#e2e0d7);border-radius:14px;padding:30px 34px}
@media(max-width:600px){.csa-quiz{padding:22px 18px}}
.csa-quiz-head h2{font-size:20px;margin:6px 0 6px}
.csa-quiz-head p{color:#6f6a5f;font-size:14px;margin:0 0 6px}

.csa-q{padding:20px 0;border-top:1px solid #ecebe4}
.csa-q:first-of-type{border-top:none}
.csa-q-head{display:flex;gap:12px;font-weight:600;font-size:15.5px;line-height:1.5;margin-bottom:12px;color:#17181c}
.csa-q-n{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#17181c;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace}
.csa-q-opts{display:flex;flex-direction:column;gap:8px;padding-left:38px}
.csa-opt{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border:1px solid #e2e0d7;border-radius:10px;cursor:pointer;font-size:14.5px;line-height:1.5;transition:border-color .12s ease,background .12s ease}
.csa-opt:hover{border-color:#E74A35}
.csa-opt input{margin-top:3px;accent-color:#E74A35}
.csa-opt.is-correct{border-color:#1c9e5e;background:#f2fbf6}
.csa-opt.is-wrong{border-color:#d64726;background:#fdece8}
.csa-opt.is-correct .csa-opt-txt::after{content:" ✓";color:#1c9e5e;font-weight:700}
.csa-opt.is-wrong .csa-opt-txt::after{content:" ✕";color:#d64726;font-weight:700}
.csa-q-exp{margin:10px 0 0 38px;padding:11px 14px;background:#f7f6f2;border-left:3px solid #E74A35;border-radius:6px;font-size:13.5px;line-height:1.6;color:#3a3b3f}
.csa-q.locked .csa-opt{cursor:default}
.csa-q.locked .csa-opt:hover{border-color:#e2e0d7}

.csa-quiz-actions{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.csa-quiz-note{font-size:13px;color:#6f6a5f;margin-right:auto}
.csa-quiz-note.err{color:#d64726;font-weight:600}

/* risultato */
.csa-quiz-result{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0 24px;border-bottom:1px solid #ecebe4;margin-bottom:8px}
.csa-ring{position:relative;width:132px;height:132px}
.csa-ring-c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:28px;font-weight:700;color:#17181c}
#csa-ring-fill{transition:stroke-dashoffset .8s ease,stroke .3s ease}
.csa-quiz-result h3{margin:14px 0 4px;font-size:20px}
.csa-quiz-result p{margin:0;color:#6f6a5f;font-size:14px}
.csa-quiz-result.pass #csa-ring-fill{stroke:#1c9e5e}
.csa-quiz-result.pass h3{color:#1c7a4a}
.csa-quiz-result.fail #csa-ring-fill{stroke:#d64726}
.csa-quiz-result .csa-next-btn{margin-top:16px}