fieldset.question,.learning-options{min-inline-size:0;border:1px solid var(--border);border-radius:18px;padding:24px;margin:20px 0;background:var(--paper);box-shadow:0 4px 18px #142a2005}
.question-prompt,.learning-options>legend{float:inline-start;width:100%;display:flex;align-items:center;gap:14px;padding:18px;margin:0 0 20px;border-radius:12px;background:var(--sage-light,#edf2ed);color:var(--ink);font-size:18px;line-height:1.8;font-weight:600;box-sizing:border-box;white-space:pre-line}.question-prompt+*,.learning-options>legend+*{clear:both}.question-prompt>span{min-width:0;overflow-wrap:anywhere;flex:1}
.quiz-answer-row{display:flex;align-items:center;gap:10px;min-width:0;clear:both;margin:10px 0}.quiz-answer-row>.option,.quiz-answer-row>.theory-option,.quiz-answer-row>.learning-option{flex:1;min-width:0;margin:0}.quiz-answer-row .option span{overflow-wrap:anywhere}.quiz-audio-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:9px;border:1px solid var(--border);border-radius:12px;background:var(--paper);color:var(--sage-dark);cursor:pointer;vertical-align:middle}.quiz-audio-button:hover:not(:disabled),.quiz-audio-button.is-playing{background:var(--sage-dark);color:#fff}.quiz-audio-button:disabled{opacity:.5;cursor:default}.quiz-audio-button:focus-visible{outline:3px solid var(--clay-dark);outline-offset:3px}.quiz-audio-button .icon{width:21px;height:21px}.theory-question-band{display:flex;align-items:center;gap:16px;flex-wrap:nowrap}.theory-question-band h2{flex:1;min-width:0;white-space:pre-line}.theory-options .quiz-answer-row{margin:0}.question h2,.question h3{white-space:pre-line}.question .answer-grid{clear:both}.question .answer-grid .quiz-answer-row{margin:0}.quiz-audio-note{font-size:13px;font-weight:400;color:var(--muted);margin:10px 0}
:root[data-theme=dark] .question-prompt,:root[data-theme=dark] .learning-options>legend{background:#20362e;color:#edf3ed}
@media(max-width:600px){fieldset.question,.learning-options{padding:15px;border-radius:14px}.question-prompt,.learning-options>legend{font-size:16px;padding:14px;gap:10px}.quiz-answer-row{gap:8px}.quiz-audio-button{flex-basis:40px;width:40px;height:40px}.question .answer-grid{grid-template-columns:1fr}.theory-question-band{padding:16px}.theory-question-band h2{font-size:19px}}
fieldset.question.placement-question{border:1px solid var(--border);padding:24px;margin:20px 0;border-radius:18px;background:var(--paper)}
.question .question-prompt,.learning-options .question-prompt{display:flex;align-items:center;gap:14px;padding:18px;margin-bottom:20px;line-height:1.8;font-size:18px;float:inline-start}
.quiz-inline-result>.question,.assessment-score+.section>.question,.placement-review li{border:1px solid var(--border);border-radius:14px;padding:20px;margin:16px 0;background:var(--paper)}
@media(max-width:600px){fieldset.question.placement-question{padding:15px;border-radius:14px}.question .question-prompt,.learning-options .question-prompt{font-size:16px;padding:14px;gap:10px}}
@media(max-width:380px){.lesson-main{padding:18px 12px}fieldset.question,fieldset.question.placement-question{padding:10px}.question .question-prompt{padding:12px 10px}.quiz-answer-row>.option,[data-quiz-steps] .quiz-answer-row>.option{padding:10px 8px;gap:7px}.placement-question .placement-option-letter{display:none}}
