#quiz-setup,#quiz-play,#quiz-results{max-width:820px;background:white;border:1px solid var(--line);border-radius:8px;padding:24px;margin:24px 0}#quiz-setup[hidden],#quiz-play[hidden],#quiz-results[hidden],[hidden]#quiz-source,[hidden]#quiz-next,[hidden]#quiz-retry{display:none}.quiz-grades{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0;margin:20px 0}.quiz-grades legend{font-weight:650;margin-bottom:10px}.quiz-grades label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:5px;cursor:pointer;min-height:48px}.quiz-grades input{width:21px;height:21px;accent-color:var(--red)}.quiz-fields{display:flex;gap:20px}.quiz-fields label{flex:1;font-weight:650;min-width:0}.quiz-fields select{display:block;width:100%;font:inherit;padding:12px;margin-top:6px;min-height:48px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink)}#quiz-form button,.quiz-actions button{font:inherit;font-weight:650;padding:12px 18px;min-height:48px;cursor:pointer;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink)}#quiz-start,#quiz-next{background:var(--ink);color:white}button:disabled{cursor:default}.quiz-options{display:grid;gap:12px;margin:24px 0}.quiz-options button{font:inherit;line-height:1.5;text-align:left;padding:16px;min-height:52px;color:var(--ink);border:1px solid var(--line);border-radius:6px;background:white;cursor:pointer;overflow-wrap:anywhere}.quiz-options button:disabled{opacity:1;cursor:default}.quiz-options .correct{border:2px solid #307345;background:#edf8ef}.quiz-options .incorrect{border:2px solid #ba1725;background:#fff1f2}.quiz-feedback{padding:16px;background:var(--paper);border-left:3px solid var(--red);margin-bottom:12px}.quiz-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.quiz-about{margin-top:24px}.quiz-about summary{cursor:pointer;min-height:44px;padding:10px 0}#quiz-source,#quiz-review a{display:inline-flex;align-items:center;min-height:44px;color:var(--red)}#quiz-review details{border-top:1px solid var(--line);padding:16px 0}#quiz-review summary{cursor:pointer;font-weight:650;padding:8px 0}#quiz-progress{color:var(--muted)}#quiz-question{font-size:clamp(20px,4vw,26px);line-height:1.4}#quiz-start:disabled{opacity:.55}.quiz-options button:focus-visible,.quiz-actions button:focus-visible,#quiz-form :focus-visible{outline:3px solid var(--red);outline-offset:3px}@media(max-width:600px){#quiz-setup,#quiz-play,#quiz-results{padding:18px}.quiz-fields{flex-direction:column}.quiz-grades{gap:8px}.quiz-grades label{flex:1 0 40%}.quiz-actions button{flex:1 0 45%}}
