/* Stili limitati alla nuova pagina: colori e componenti ereditati dal sito. */
.quiz-page [hidden]{display:none!important}
.quiz-facts{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:28px 0 0}
.quiz-facts li{padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.95rem}
.quiz-facts strong{color:#7f4b1c}
.quiz-section{padding-top:44px}
.quiz-container{max-width:900px}
.quiz-workspace{scroll-margin-top:calc(var(--quiz-header-height,80px) + 10px)}
.quiz-intro h2{margin:0 0 20px;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15}
.quiz-intro .btn{margin-top:10px}
.quiz-page button{font:inherit;font-weight:800}
.quiz-toolbar{position:sticky;top:var(--quiz-header-height,80px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:#fff;padding:18px 24px;border-radius:18px;box-shadow:var(--shadow);margin-bottom:28px}
.quiz-label{display:block;font-size:.9rem}
.quiz-time{display:block;font-size:1.8rem;font-variant-numeric:tabular-nums;line-height:1.25}
.quiz-time.is-urgent{color:#ffd39d}
.quiz-progress{width:min(270px,55%)}
.quiz-progress progress{display:block;width:100%;height:9px;margin-top:10px;border:0;border-radius:10px;background:#46616d;accent-color:#f3ae4e;overflow:hidden}
.quiz-progress progress::-webkit-progress-bar{background:#46616d}
.quiz-progress progress::-webkit-progress-value{background:#f3ae4e;border-radius:10px}
.quiz-progress progress::-moz-progress-bar{background:#f3ae4e;border-radius:10px}
.quiz-question{min-width:0;padding:24px;margin:0 0 28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;scroll-margin-top:calc(var(--quiz-header-height,80px) + 150px)}
.quiz-question legend{float:left;width:100%;padding:0;font-size:1.2rem;font-weight:800;line-height:1.45;margin:0 0 22px}
.quiz-number{display:block;text-transform:uppercase;font-size:.73rem;letter-spacing:.13em;color:#9b5d22;margin-bottom:8px}
.quiz-options{clear:both;display:grid;gap:10px}
.quiz-option{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:var(--paper);cursor:pointer;line-height:1.55}
.quiz-option input{flex:0 0 auto;width:18px;height:18px;margin:4px 0 0;accent-color:var(--ink)}
.quiz-question:not(:disabled) .quiz-option:hover{background:var(--soft);border-color:#8b9ea3}
.quiz-option:focus-within{outline:3px solid #2469b2;outline-offset:2px}
.quiz-option.is-selected{border-color:var(--ink);background:#eef4f3}
.quiz-option.is-correct{border-color:#27734e;background:#eef8f1}
.quiz-option.is-wrong{border-color:#aa4a35;background:#fff2ed}
.quiz-question:disabled .quiz-option{cursor:default}
.quiz-feedback{clear:both;margin:18px 0 0;font-size:.95rem;color:var(--muted)}
.quiz-feedback.is-correct{color:#21603e}
.quiz-feedback.is-wrong{color:#893926}
.quiz-submit-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.quiz-submit-row p{margin:0;color:#893926}
.quiz-result{margin-bottom:30px;scroll-margin-top:calc(var(--quiz-header-height,80px) + 20px)}
.quiz-result h2{margin:.25em 0}
.quiz-result .quiz-score{font-size:1.5rem;margin:20px 0;line-height:1}
.quiz-score strong{font-size:4rem;color:#7f4b1c;letter-spacing:-.05em}
.quiz-note{font-size:.9rem;color:var(--muted);margin-top:30px}
.quiz-page .btn:focus-visible{outline:3px solid #2469b2;outline-offset:4px}
.quiz-workspace.is-finished .quiz-toolbar{position:static}
@media(max-width:620px){.quiz-page .page-hero .narrow{width:calc(100% - 24px)}.quiz-section{padding-top:28px}.quiz-intro,.quiz-result{padding:24px}.quiz-question{padding:20px 16px}.quiz-option{padding:13px 12px}.quiz-toolbar{padding:15px 18px;gap:16px}.quiz-facts{gap:8px}.quiz-facts li{font-size:.85rem;padding:7px 12px}.quiz-result .actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){html:has(.quiz-page){scroll-behavior:auto}.quiz-page .btn:hover{transform:none}}