.quiz-intro { padding-bottom:0; }
.quiz-intro h1 { font-size:clamp(2.1rem,6vw,4.2rem); line-height:1.08; overflow-wrap:anywhere; }
.quiz-intro p { max-width:48rem; }
.quiz-shell { max-width:62rem; }
.quiz-card { border:1px solid #d8e5eb; border-radius:1.5rem; padding:clamp(1.2rem,4vw,2.5rem); background:#fff; box-shadow:0 12px 35px #07204809; }
.quiz-card h2,.quiz-card h3,.quiz-card p { overflow-wrap:anywhere; }
.quiz-card h2 { font-size:clamp(1.5rem,4vw,2.1rem); line-height:1.2; }
.quiz-card .button { margin:.4rem .3rem .4rem 0; white-space:normal; max-width:100%; }
.quiz-card progress { width:100%; height:.6rem; accent-color:#007e8b; }
.quiz-card [hidden] { display:none !important; }
.quiz-options { min-width:0; padding:0; margin:1.5rem 0; border:0; }
.quiz-options label { display:flex; align-items:flex-start; gap:.8rem; padding:1rem; border:1px solid #c6d9e2; border-radius:.8rem; margin:.65rem 0; cursor:pointer; }
.quiz-options label:has(input:checked) { border-color:#007e8b; background:#eef8f8; }
.quiz-options input { flex:0 0 1.2rem; width:1.2rem; height:1.2rem; margin:.15rem 0 0; accent-color:#007e8b; }
.quiz-options span { min-width:0; overflow-wrap:anywhere; }
.quiz-feedback { padding:1.2rem; background:#eef8f8; border-radius:1rem; }
.quiz-source,.quiz-privacy { font-size:.9rem; line-height:1.6; color:#4a626e; }
.quiz-privacy { margin-top:1.5rem; }
.quiz-selector { display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; margin-bottom:1rem; }
.quiz-selector select { max-width:100%; padding:.65rem; border:1px solid #c6d9e2; border-radius:.6rem; }
.quiz-card :focus-visible { outline:3px solid #ef8b3f; outline-offset:4px; }