/* Keep the shared navigation beside the video, outside the lesson scroll area. */
.course-detail .workspace-content>.workspace-topbar{z-index:35}
.course-detail .course-surface{min-width:0}
.course-detail .course-surface .header{flex-wrap:wrap;height:auto;min-height:78px;gap:16px;padding-block:18px}
.course-detail .course-surface .header>.brand,.course-detail .course-surface .header>nav{display:none}
.course-detail .course-surface .header .search{flex:1;min-width:160px;margin-left:0}
.course-detail .workspace-breadcrumb{flex-wrap:wrap}
.course-detail #lessonDialog{
 position:fixed;inset:68px 0 0 256px;margin:0;width:auto;height:auto;
 max-width:none;max-height:none;box-sizing:border-box;z-index:30;
 border:0;border-radius:0;overflow-y:auto;overscroll-behavior:contain;
 background:#f8f7ec;box-shadow:none;scroll-padding-top:60px;
}
.course-detail #lessonDialog .lesson-preview{max-width:1040px;margin:0 auto}
.course-detail #lessonDialog .lesson-body{max-width:1040px;margin:0 auto;box-sizing:border-box}
.course-detail #lessonDialog .dialog-close{position:sticky;top:12px;margin:12px 16px -50px 0;min-width:40px;min-height:40px}
.course-detail .toast{z-index:60}
.course-detail>.guide-crosslinks,.course-detail>.policy-site-footer{margin-left:256px}
@media(max-width:1100px){
 .course-detail #lessonDialog{left:230px}
 .course-detail>.guide-crosslinks,.course-detail>.policy-site-footer{margin-left:230px}
 .course-detail .ecosystem{grid-template-columns:minmax(0,1fr)}
 .course-detail .learning-map{display:none}
}
@media(max-width:900px){
 .course-detail #lessonDialog{inset:60px 0 0}
 .course-detail>.guide-crosslinks,.course-detail>.policy-site-footer{margin-left:0}
 .course-detail .workspace-topbar .workspace-breadcrumb{font-size:11px;gap:8px}
}
@media(max-width:620px){
 .course-detail #lessonDialog .lesson-body{padding:22px 20px}
 .course-detail #lessonDialog .lesson-body h2{font-size:27px}
}