#lessonManager { width:min(760px,calc(100vw - 24px)); }
#lessonManager,#studentQuestion { max-height:calc(100dvh - 24px); }
.lesson-content { gap:16px; }
.lesson-content p,.lesson-content label,.lesson-content small { line-height:1.5; overflow-wrap:anywhere; }
.lesson-content h3,.lesson-content h4 { margin:0; }
.lesson-content textarea { width:100%; min-height:80px; padding:10px; font:inherit; color:var(--text); background:#101923; border:1px solid var(--line); border-radius:6px; resize:vertical; }
#lessonPreview,#lessonProgress,#lessonCustom,#lessonChoices,#lessonSchedule { display:grid; gap:10px; }
#lessonPreview { padding:14px; border:1px solid var(--line); border-radius:8px; }
#lessonPlan { display:grid; gap:12px; }
#lessonPlan article { display:grid; gap:10px; border:1px solid var(--line); padding:14px; border-radius:8px; }
#lessonPlan details p { margin-top:8px; }
#lessonPlan button { justify-self:start; }
#lessonBank { text-overflow:ellipsis; }
#studentChoices { display:grid; gap:10px; padding:12px; border:1px solid var(--line); min-width:0; }
#studentChoices label { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid var(--line); border-radius:8px; cursor:pointer; }
#studentChoices input { width:18px; height:18px; min-height:18px; flex:0 0 18px; margin:2px 0 0; }
#studentChoices label:has(input:checked) { border-color:var(--green); background:#203e45; }
#questionCheckpoint { flex-shrink:0; background:var(--green); color:#10251a; }
@media(max-width:450px) { .lesson-content { padding:18px; } }