/* Keep navigation outside the scroll area so it never covers a lesson. */
.help-dialog[open] {
 display:flex;flex-direction:column;gap:12px;overflow:hidden;
 width:min(850px,calc(100% - 24px));max-height:92dvh;
}
.help-dialog .dialog-heading {position:static;flex:none;margin:0;padding:0 0 8px;gap:12px}
.help-dialog .dialog-heading>div {min-width:0}
.help-dialog .dialog-heading h2 {word-break:keep-all;overflow-wrap:anywhere}
.help-dialog .dialog-heading .icon-btn {flex:none}
.help-body {min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 8px}
.help-dialog .help-dialog-content {display:block;margin:0}
.help-dialog #helpContent {min-width:0;width:100%}
.help-dialog #guidePager {position:static;flex:none;padding:0;background:transparent}
.help-dialog .guide-page-count {margin:0 0 4px;font-size:13px}
.help-dialog #guideProgress {display:block;height:5px}
.help-dialog .guide-pager-actions {display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px;margin-top:8px}
.help-dialog .guide-pager-actions button {width:auto;min-width:0;min-height:48px;padding:8px 5px;font-size:15px;white-space:nowrap}
.help-dialog .guide-pager-actions #guideList {width:auto}
.help-dialog .help-return {flex:none;margin:0;min-height:44px;padding:9px;font-size:15px}
.help-dialog .guide-slide {width:100%;min-height:0;gap:16px;padding:22px 18px}
.help-dialog .lesson-copy h3 {margin:0;font-size:24px;line-height:1.65}
.help-dialog .lesson-copy p {font-size:17px;line-height:1.85;margin:14px 0 0}
.teacher-portrait {display:block;flex:0 0 auto;width:88px;height:auto;max-width:30%;overflow:hidden;border-radius:12px}
.help-dialog .teacher-tip {align-items:center;gap:12px}
.help-dialog .tip-cloud {min-width:0;padding:14px;text-align:left;overflow-wrap:anywhere}
.help-dialog .lesson-product {height:auto;object-fit:contain}
.help-dialog .lesson-activity {padding:0}
.help-dialog .lesson-activity span {min-width:0;font-size:17px;padding:10px}
.help-dialog .note-examples b {padding:12px 10px}
.setting-hint {font-size:13px;line-height:1.65;color:var(--muted);word-break:keep-all;margin:8px 0}
@media(max-width:900px) {
 .help-dialog[open] {padding:14px;gap:10px}
 .help-dialog .dialog-heading h2 {font-size:20px}
 .help-dialog .guide-slide {padding:18px 12px}
 .help-dialog .lesson-copy h3 {font-size:20px}
 .help-dialog .lesson-copy p {font-size:16px}
 .help-dialog .teacher-tip {gap:8px}
 .help-dialog .tip-cloud {padding:12px}
 .help-dialog .tip-cloud p {font-size:13px}
 .teacher-portrait {width:78px}
 .help-dialog .guide-pager-actions button {font-size:14px}
 .help-dialog .guide-welcome {flex-wrap:wrap;word-break:keep-all;text-align:center}
 .help-dialog .guide-welcome div {flex:1 1 120px}
}
@media(max-width:360px) {
 .help-dialog[open] {padding:10px}
 .help-dialog .guide-slide {padding:16px 10px}
 .help-dialog .teacher-tip,.help-dialog .story-1 .teacher-tip {flex-direction:column}
 .help-dialog .tip-cloud {width:100%;text-align:center}
 .teacher-portrait {width:80px;max-width:100%}
}