.lee-quiz { --lee-quiz-ink:#202722; --lee-quiz-muted:#5f6862; --lee-quiz-line:#d5dcd5; --lee-quiz-accent:#234e35; color:var(--lee-quiz-ink); background:#f7f9f5; border:1px solid var(--lee-quiz-line); padding:clamp(18px,4vw,32px); margin:32px 0; min-width:0; max-width:100%; box-sizing:border-box; overflow-wrap:anywhere; }
.lee-quiz *, .lee-quiz *::before, .lee-quiz *::after { box-sizing:border-box; }
.lee-quiz [hidden] { display:none; }
.lee-quiz .lee-quiz__eyebrow { font:600 11px/1.5 system-ui,sans-serif; letter-spacing:.12em; margin:0 0 8px; color:var(--lee-quiz-muted); }
.lee-quiz .lee-quiz__header h2 { font-size:clamp(24px,4vw,32px); line-height:1.15; margin:0 0 14px; }
.lee-quiz .lee-quiz__meta, .lee-quiz .lee-quiz__progress { color:var(--lee-quiz-muted); font:500 14px/1.6 system-ui,sans-serif; }
.lee-quiz .lee-quiz__progress { border-top:1px solid var(--lee-quiz-line); padding-top:20px; margin:20px 0 16px; }
.lee-quiz .lee-quiz__question { border:0; padding:0; margin:0; min-width:0; }
.lee-quiz .lee-quiz__question legend { padding:0; margin:0 0 16px; width:100%; font:600 18px/1.55 system-ui,sans-serif; }
.lee-quiz .lee-quiz__option { display:flex; gap:12px; align-items:flex-start; border:1px solid var(--lee-quiz-line); background:#fff; padding:14px; margin:0 0 10px; cursor:pointer; font:400 16px/1.6 system-ui,sans-serif; min-width:0; }
.lee-quiz .lee-quiz__option span { min-width:0; }
.lee-quiz .lee-quiz__option input { flex:0 0 auto; width:18px; height:18px; margin:4px 0 0; accent-color:var(--lee-quiz-accent); }
.lee-quiz .lee-quiz__option:has(input:checked) { border-color:var(--lee-quiz-accent); }
.lee-quiz .lee-quiz__option[data-answer-state=correct] { border-left:4px solid #326242; }
.lee-quiz .lee-quiz__option[data-answer-state=incorrect] { border-left:4px solid #973c30; }
.lee-quiz .lee-quiz__button { font:600 15px/1.5 system-ui,sans-serif; color:#fff; background:var(--lee-quiz-accent); border:1px solid var(--lee-quiz-accent); border-radius:0; padding:12px 18px; min-height:48px; max-width:100%; white-space:normal; cursor:pointer; margin-top:12px; }
.lee-quiz .lee-quiz__button:hover { background:#173a26; }
.lee-quiz .lee-quiz__error { color:#853126; font:600 15px/1.6 system-ui,sans-serif; }
.lee-quiz .lee-quiz__feedback { border-left:3px solid var(--lee-quiz-accent); padding:2px 16px; margin:24px 0 10px; font:400 16px/1.7 system-ui,sans-serif; }
.lee-quiz .lee-quiz__feedback-title { font-weight:700; }
.lee-quiz .lee-quiz__result h3 { font-size:24px; }
.lee-quiz .lee-quiz__score { font:600 20px/1.5 system-ui,sans-serif; }
.lee-quiz :focus-visible { outline:3px solid #96621c; outline-offset:4px; }
.lee-quiz .lee-quiz__feedback:focus, .lee-quiz .lee-quiz__result:focus, .lee-quiz legend:focus { outline:2px solid #96621c; outline-offset:4px; }
.lee-quiz .lee-quiz__announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.lee-quiz code { white-space:normal; overflow-wrap:anywhere; }
.lee-quiz p { margin:0 0 12px; }
@media(max-width:600px) { .lee-quiz .lee-quiz__button { width:100%; } }