/* Only explicitly registered regular learning screens use this appearance. */
body[data-regular-learning-ui] .choice-explanation.reason{display:flex;gap:8px;margin:8px 0 16px;padding:0 8px;border:0!important;background:transparent!important;border-radius:0;box-shadow:none;font-style:italic;color:#4f6970;line-height:1.65}
body[data-regular-learning-ui] .choice-explanation.reason[hidden]{display:none}
body[data-regular-learning-ui] .regular-reason-lead{flex:0 0 auto;font-style:normal;opacity:.8}
body[data-regular-learning-ui] .regular-reason-text{min-width:0}
body[data-regular-learning-ui] .regular-reason-text p{margin:0 0 5px}
body[data-regular-learning-ui] .regular-question-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
body[data-regular-learning-ui] .result:empty{display:none}
.regular-explanation-dialog{width:min(1050px,calc(100% - 24px));max-width:none;max-height:90vh;max-height:90dvh;margin:auto;padding:0;border:0;border-radius:16px;overflow:auto;color:inherit;background:#fff;box-shadow:0 22px 90px #143e4538}
.regular-explanation-dialog::backdrop{background:#193e48b0}
.regular-explanation-actions{position:sticky;top:0;z-index:10;padding:16px 20px;background:#fff;border-bottom:1px solid #e2e8e7}
.regular-explanation-content{padding:24px}
.regular-explanation-content .lesson-copy{margin:0 0 24px}
.regular-explanation-content .regular-question-notes:empty{display:none}
.regular-explanation-content .regular-reference-label{font-size:14px;color:#637777;margin:22px 0 5px}
.regular-explanation-content .concept-return{margin:0 0 18px}
@media(max-width:680px){.regular-explanation-dialog{width:calc(100% - 16px);max-height:94vh;max-height:94dvh;border-radius:12px}.regular-explanation-actions{padding:12px}.regular-explanation-content{padding:16px}.regular-explanation-content .lesson-copy h2{font-size:22px}}

/* Required question inputs stay with the prompt; active FL/EX material wrappers only. */
.question-materials{margin:18px 0;padding:18px;border:1px solid #c9dbdf;border-radius:16px;background:#f7fafb;min-width:0;max-width:100%;overflow:clip}.question-material-label{display:block;margin-bottom:12px;color:#26515b;font-size:.95rem}.question-materials .flow-layout{grid-template-columns:minmax(0,1fr)}.question-materials .flow-drawing,.question-material-pan{max-width:100%;overflow:auto;overscroll-behavior:contain}.question-materials .flow-drawing svg{min-width:var(--material-reading-width,920px)}.question-materials table{width:100%;border-collapse:collapse;font-size:1rem}.question-materials th,.question-materials td{padding:12px;border:1px solid #d3e0e3;text-align:left;min-width:110px}.question-materials img{max-width:100%;height:auto;display:block}.question-materials img[hidden]{display:none}.question-material-steps{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.question-material-steps button{min-height:44px;padding:10px 14px;font:inherit;border:1px solid #9bb3ba;border-radius:10px;background:white}.question-material-steps button[aria-pressed=true]{background:#e4f1f4;border-color:#346c7a}.question-material-hint{color:#52666c;font-size:.9rem}.question-materials :focus-visible{outline:3px solid #2769ce;outline-offset:3px}@media(max-width:650px){.question-materials{padding:12px;margin:14px 0}.question-materials .flow-sequence{font-size:1rem}}

.question-materials [data-image-state],.question-materials [data-sequence-index],.question-materials [data-sequence-action]{min-height:44px}

.question-materials .question-material-image{margin:0}