/* MCQ Practice restoration: scoped specificity preserves the shared cascade and typography. */
.app .mcq-practice-page{width:100%;max-width:1200px;min-width:0;margin-inline:auto}
.app .mcq-practice-page .mcq-module-mount{gap:18px;min-width:0}
.app .mcq-practice-page .mcq-question-card{box-sizing:border-box;width:100%;max-width:1100px;min-width:0;margin-inline:auto;padding:24px;gap:18px}
.app .mcq-practice-page .mcq-question-top{flex-wrap:wrap;align-items:center;padding-bottom:10px}
.app .mcq-practice-page .mcq-question-top .eyebrow{letter-spacing:0;font-weight:500;overflow-wrap:anywhere}
.app .mcq-practice-page .mcq-question-count{font-size:14px;font-weight:600;white-space:nowrap}
.app .mcq-practice-page .mcq-progress{height:8px;margin:0}
.app .mcq-practice-page .mcq-question-form,.app .mcq-practice-page .mcq-fieldset{gap:18px;min-width:0}
.app .mcq-practice-page .mcq-stem{box-sizing:border-box;width:100%;max-width:none;padding:0 0 18px;font-size:clamp(20px,1.7vw,25px);font-weight:600;line-height:1.7;letter-spacing:0;overflow-wrap:anywhere}
.app .mcq-practice-page .mcq-options{gap:10px;min-width:0}
.app .mcq-practice-page .mcq-option{box-sizing:border-box;grid-template-columns:20px minmax(0,1fr);align-items:start;min-height:54px;padding:12px 16px;gap:12px;border-width:1px;font-size:17px;line-height:1.7}
.app .mcq-practice-page .mcq-option label{display:block;min-width:0;font-weight:400;line-height:1.7}
.app .mcq-practice-page .mcq-option input{box-sizing:border-box;width:20px;height:20px;margin:5px 0 0;accent-color:var(--pixel-cyan)}
.app .mcq-practice-page .mcq-option:has(input:focus-visible){outline:2px solid var(--pixel-cyan);outline-offset:3px}
.app .mcq-practice-page .mcq-option:has(input:checked):not(.is-correct):not(.is-incorrect){border-color:var(--pixel-cyan);box-shadow:inset 3px 0 var(--pixel-cyan)}
.app .mcq-practice-page .mcq-option.is-correct{border-color:var(--pixel-cyan);background:var(--bg-hover);box-shadow:inset 3px 0 var(--pixel-cyan)}
.app .mcq-practice-page .mcq-option.is-incorrect{border-color:var(--betooth-orange);box-shadow:inset 3px 0 var(--betooth-orange)}
.app .mcq-practice-page .mcq-fieldset:disabled .mcq-option{cursor:default}
.app .mcq-practice-page .mcq-fieldset:disabled .mcq-option:hover{background:var(--bg-panel)}
.app .mcq-practice-page .mcq-feedback{padding:14px 16px;border-width:1px;min-height:0;gap:8px}
/* This is a live status region, not an answer option. Keep it in DOM for announcements. */
.app .mcq-practice-page .mcq-feedback:empty{display:none}
.app .mcq-practice-page .mcq-feedback-correct{color:var(--pixel-cyan)}
.app .mcq-practice-page .mcq-feedback-incorrect{color:var(--betooth-orange)}
.app .mcq-practice-page .mcq-explanation{margin:0;padding:0;border:0;background:transparent;font-size:16px;line-height:1.7}
.app .mcq-practice-page .beto-quick-panel{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0;border:0;background:transparent;box-shadow:none}
.app .mcq-practice-page .beto-quick-panel .beto-answer{flex-basis:100%;margin:0;min-height:0;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.app .mcq-practice-page .beto-quick-panel .beto-answer:empty{display:none}
.app .mcq-practice-page .mcq-learning-links{margin:0;padding:0;border:0;gap:10px}
.app .mcq-practice-page .mcq-practice-actions{margin:0;padding-top:14px;border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px}
.app .mcq-practice-page :is(button,.button-link){min-height:44px;max-width:100%;padding:9px 16px;font-size:15px;font-weight:600;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.app #pageMount .mcq-practice-page .mcq-practice-actions .primary{background:var(--betooth-orange);color:var(--bg-sidebar);border-color:var(--betooth-orange);box-shadow:var(--pixel-edge)}
.app #pageMount .mcq-practice-page .mcq-practice-actions .primary:hover:not(:disabled){border-color:var(--pixel-cyan)}
.app .mcq-practice-page button:disabled{opacity:.55;cursor:not-allowed}
.app .mcq-practice-page :is(button,a):focus-visible{outline:2px solid var(--pixel-cyan);outline-offset:3px}
html[dir="rtl"] .app .mcq-practice-page .mcq-option:has(input:checked),html[dir="rtl"] .app .mcq-practice-page .mcq-option.is-correct{box-shadow:inset -3px 0 var(--pixel-cyan)}
html[dir="rtl"] .app .mcq-practice-page .mcq-option.is-incorrect{box-shadow:inset -3px 0 var(--betooth-orange)}
@media(max-width:760px){.app .mcq-practice-page .mcq-question-card{padding:18px;gap:16px}.app .mcq-practice-page .mcq-stem{font-size:21px}.app .mcq-practice-page .mcq-learning-links{flex-direction:row}.app .mcq-practice-page .mcq-learning-links a{width:auto}}
@media(max-width:480px){.app .mcq-practice-page .mcq-question-card{padding:14px}.app .mcq-practice-page .mcq-question-top{flex-direction:row}.app .mcq-practice-page .mcq-option{padding:11px 12px;font-size:16px}.app .mcq-practice-page .mcq-stem{font-size:20px}.app .mcq-practice-page .beto-quick-panel>*:not(.beto-answer){flex:1 1 130px}.app .mcq-practice-page .mcq-practice-actions{grid-template-columns:minmax(0,1fr)}}
/* Smart Revision uses the same question shell; answer buttons keep immediate-save semantics. */
.app .revision-check.mcq-practice-page{padding:0;display:block}
.app .revision-check .mcq-stem{margin:0;padding:0;text-align:start;unicode-bidi:plaintext}
.app #pageMount .revision-check .revision-option{display:grid;grid-template-columns:20px minmax(0,1fr);width:100%;margin:0;text-align:start;font-size:17px;font-weight:400;line-height:1.7;box-shadow:var(--pixel-edge);border-color:var(--border-subtle);background:var(--bg-panel);color:var(--text-primary)}
.app #pageMount .revision-check .revision-option::before{content:'';box-sizing:border-box;width:20px;height:20px;margin-top:5px;border:1px solid var(--pixel-cyan);border-radius:50%;background:transparent}
.app #pageMount .revision-check .revision-option[aria-pressed="true"]{border-color:var(--pixel-cyan);background:var(--bg-hover)}
.app #pageMount .revision-check .revision-option[aria-pressed="true"]::before{background:var(--pixel-cyan);box-shadow:inset 0 0 0 4px var(--bg-panel)}
.app #pageMount .revision-check .revision-option:hover:not(:disabled){border-color:var(--pixel-cyan);background:var(--bg-hover)}
.app #pageMount .revision-check .revision-option:focus-visible{outline:2px solid var(--pixel-cyan);outline-offset:3px}
.app #pageMount .revision-check .revision-option:disabled{opacity:1}
.app #pageMount .revision-check .revision-option.is-correct{border-color:var(--pixel-cyan);box-shadow:inset 3px 0 var(--pixel-cyan)}
.app #pageMount .revision-check .revision-option.is-incorrect{border-color:var(--betooth-orange);box-shadow:inset 3px 0 var(--betooth-orange)}
.app .revision-check .mcq-practice-actions>.secondary{margin-inline-end:auto}
html[dir="rtl"] .app #pageMount .revision-check .revision-option.is-correct{box-shadow:inset -3px 0 var(--pixel-cyan)}
html[dir="rtl"] .app #pageMount .revision-check .revision-option.is-incorrect{box-shadow:inset -3px 0 var(--betooth-orange)}
@media(max-width:480px){.app #pageMount .revision-check .revision-option{font-size:16px}.app .revision-check .mcq-practice-actions>.secondary{margin-inline-end:0}}