:root{font-family:Arial,Helvetica,sans-serif;color:#18283e;background:#edf2f8;font-size:16px;line-height:1.5;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:28px auto;padding:32px 40px;background:white;border:1px solid #dce3eb;border-radius:24px;box-shadow:0 18px 60px #1d365014}header,.topline,.question-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:24px}.brand{font-size:.9rem;font-weight:700;letter-spacing:.02em}.pill{border:1px solid #d7e0eb;border-radius:30px;padding:5px 12px;font-size:.875rem;color:#526078}h1{font-size:clamp(1.5rem,5vw,2rem);line-height:1.2;margin:0}.topline span{font-size:.875rem;white-space:nowrap;color:#657389}.progress{height:5px;background:#e8edf4;border-radius:5px;margin:18px 0 30px;overflow:hidden}.progress span{display:block;background:#ea6323;height:100%;width:0;transition:width .2s}h2{font-size:1.4rem;line-height:1.3;margin:0 0 10px}.intro{margin:0 0 22px;color:#526078}.question{padding:22px 24px;background:#132134;border-radius:16px;color:white;margin-bottom:20px}.eyebrow{font-size:.875rem;letter-spacing:.1em;color:#d1dbea}.player{display:inline-flex;align-items:center;gap:9px;border:0;background:#edf2f8;color:#18304e;border-radius:10px;min-height:46px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.question-player{background:#ff8038;color:#142135}.symbol{font-size:.95rem;width:18px;text-align:center}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible{outline:3px solid #296dc8;outline-offset:3px}.transcript{font-size:1.2rem;margin:17px 0 0;line-height:1.45}.question .transcript{font-size:1.5rem}fieldset{border:0;margin:0;padding:0}.option{border:1.5px solid #d8e1ec;border-radius:14px;padding:16px 18px;margin-bottom:12px;transition:border-color .2s}.option-top{display:flex;align-items:center;gap:14px}.letter{width:30px;font-size:1.2rem;font-weight:700}.pick{margin-left:auto;display:flex;align-items:center;gap:8px;background:white;border:0;font:inherit;font-size:.95rem;font-weight:700;color:#50617a;cursor:pointer;min-height:46px}.radio-dot{width:20px;height:20px;border:2px solid #acb9ca;border-radius:50%;display:block}.selected{border-color:#2362ad;background:#f3f7ff}.selected .radio-dot{border:6px solid #2362ad}.correct{border-color:#278556;background:#f0faf4}.wrong.selected{border-color:#bd443d;background:#fff5f4}.status{margin:12px 0 0;font-size:.9rem;color:#627289}.correct .status{color:#1c754a;font-weight:700}.primary{border:0;border-radius:12px;background:#df6025;color:white;min-height:50px;padding:12px 24px;font:inherit;font-weight:700;cursor:pointer;margin-top:10px;min-width:180px}.primary:disabled{background:#dce3eb;color:#69768a;cursor:default}.audio-error{color:#aa342e;font-size:.95rem}#feedback{border-top:1px solid #dce3eb;margin-top:24px;padding-top:20px}h3{font-size:1.25rem;margin:0 0 8px}#review-line,#chunk{color:#526078;margin:8px 0}#chunk{font-weight:700;color:#253e60}#result{text-align:center;padding:40px 0}.finish-icon{display:inline-grid;place-items:center;width:70px;height:70px;border-radius:50%;color:#1e7b4d;background:#e7f5ec;font-size:2rem;margin-bottom:18px}#score{font-size:1.4rem;font-weight:700}footer{text-align:center;font-size:.875rem;color:#657389;padding-top:32px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:600px){main{margin:0;min-height:100dvh;padding:22px 18px;border:0;border-radius:0;box-shadow:none}.topline{align-items:flex-start}.topline span{font-size:.8rem;margin-top:5px}.question{padding:18px}.question-heading{gap:8px}.question-player{font-size:.95rem;padding:9px 12px}.option{padding:14px}.option-top{gap:8px}.letter{width:22px}.pick{font-size:.875rem}.player{padding:8px 10px;font-size:.95rem}.primary{width:100%}.pill{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.quiz-nav{display:flex;justify-content:space-between;gap:16px;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #dce3eb}.quiz-nav a{color:#a53d0d;font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.quiz-nav a:hover{text-decoration:underline}.quiz-nav a:focus-visible{outline:3px solid #296dc8;outline-offset:4px}