/* Course navigation stays under Learning; the prompt tool remains within reach. */
.sidebar>.brand,.sidebar>.sidebar-bottom{flex-shrink:0}
.sidebar>.nav{flex:1;min-height:0;overflow:visible;padding-bottom:4px}
.sidebar>.nav>.nav-link{flex-shrink:0}
.lessons-menu-toggle{position:relative;display:flex;align-items:center;cursor:pointer;user-select:none;background:transparent;text-align:left}
.sidebar .lessons-menu-toggle>.chevron{flex-shrink:0;width:14px;height:14px;margin-left:auto;transition:transform .16s ease}
.lessons-menu-toggle[aria-expanded="true"]>.chevron{transform:rotate(90deg)}
.lessons-menu-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccc5d8 transparent;min-width:0;padding:4px 4px 12px 8px;margin-left:9px;border-left:1px solid var(--line)}
.lessons-menu-panel[hidden]{display:none!important}
.lessons-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 0}
.lessons-menu-title{padding:0;margin:0;font-size:14px;font-weight:600;letter-spacing:0;line-height:1.4;color:var(--ink)}
.lessons-course-progress{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:var(--muted)}
.lessons-close{display:none}
.lessons-course-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;color:var(--purple-dark);font-size:13px;font-weight:500;min-height:40px;border-radius:8px;margin:2px 0}
.lessons-course-link:hover,.lessons-course-link[aria-current="page"]{background:var(--interactive)}
.lessons-drawer-list{list-style:none;display:grid;gap:3px;margin:0;padding:0}
.lessons-drawer-list>li{min-width:0;margin:0;padding:0}
.lessons-drawer-item{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:58px;padding:10px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);text-decoration:none}
a.lessons-drawer-item:hover{background:var(--interactive)}
.lessons-drawer-number{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;margin-top:0;color:var(--muted);font-size:13px;line-height:1;border-radius:50%;background:#f2f0f5}
.lessons-drawer-number>svg{width:14px;height:14px}
.lessons-drawer-copy{display:block;min-width:0}
.lessons-drawer-copy>strong{display:block;font-size:14px;font-weight:500;line-height:1.4;overflow-wrap:break-word}
.lessons-drawer-copy>small{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.4}
.lessons-drawer-list>.is-current .lessons-drawer-item{background:var(--lavender);border-color:#ddd1f4;box-shadow:inset 3px 0 var(--purple)}
.lessons-drawer-list>.is-current .lessons-drawer-copy>strong{color:var(--purple-dark);font-weight:600}
.lessons-drawer-list>.is-current .lessons-drawer-number{color:#fff;background:var(--purple)}
.lessons-drawer-list>.is-next .lessons-item-status{color:var(--purple-dark);font-weight:600}
.lessons-drawer-list>.is-done:not(.is-current) .lessons-drawer-number{color:var(--green);background:#edf5f1}
.lessons-drawer-list>.is-planned .lessons-drawer-item{color:var(--muted)}
.lessons-result-link{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin:10px 8px 0;padding:14px 2px 4px;min-height:44px;font-size:13px;line-height:1.45;color:var(--muted)}
.lessons-result-link:hover{color:var(--purple-dark)}
@media(min-width:651px){
 .sidebar{width:264px;padding:22px 14px 14px}
 .workspace{margin-left:264px}
 .sidebar .academy-brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:0;margin:0 0 23px;padding:0 14px;border-radius:10px;color:var(--ink)}
 /* Match the SVG viewBox ratio so its visible left edge aligns with the title. */
 .sidebar .academy-brand img{display:block;width:132px;height:44.336px;object-fit:fill}
 .academy-brand-title{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.65px;white-space:nowrap}
 .academy-brand-ai{display:grid;place-items:center;min-width:39px;height:34px;padding:0 6px;border-radius:9px;background:var(--purple);color:#fff;font-size:19px;font-weight:600;line-height:1;letter-spacing:-.4px}
 .academy-brand:hover .academy-brand-title{color:var(--purple-dark)}
 .sidebar .nav{gap:5px}
 .sidebar .nav-link{padding:12px 14px;min-height:48px;font-size:15px}
 .sidebar .lessons-menu-toggle.active{background:transparent;color:var(--purple-dark)}
 .sidebar .lessons-menu-toggle:hover{background:var(--interactive)}
 .sidebar>.nav>a[href="#lab"]{margin-top:auto;border-top:1px solid var(--line);border-radius:0;padding-top:16px;min-height:56px}
 .sidebar>.nav>a[href="#lab"].active{border-radius:10px}
 .sidebar-bottom{margin-top:10px;padding-top:10px}
 .sidebar .profile{padding:4px 8px}
 .sidebar .profile small{margin-top:1px}
 #toast{left:calc(50% + 132px)}
}
@media(min-width:651px) and (max-width:1100px){
 .sidebar{width:236px;padding-inline:10px}
 .workspace{margin-left:236px}
 .lessons-drawer-item{gap:8px;padding-inline:7px}
 #toast{left:calc(50% + 118px)}
}
@media(max-width:650px){
 .sidebar>.nav{flex:none;min-height:0;overflow:visible;padding:0}
 .lessons-menu-toggle{flex:1;height:100%;flex-direction:column;justify-content:center;min-width:0}
 .sidebar .lessons-menu-toggle>.chevron{position:absolute;right:16px;top:13px;width:10px;height:10px;margin:0;transform:rotate(-90deg)}
 .lessons-menu-toggle[aria-expanded="true"]>.chevron{transform:rotate(90deg)}
 .lessons-menu-panel{position:fixed;left:12px;right:12px;bottom:86px;z-index:35;width:auto;max-height:calc(100dvh - 110px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;box-sizing:border-box;margin:0;padding:8px 12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 -6px 35px #35215f1a}
 .lessons-panel-heading{position:sticky;top:-8px;background:#fff;z-index:1;padding:8px 8px 10px}
 .lessons-menu-title{font-size:17px}
 .lessons-course-progress{font-size:13px}
 .lessons-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:10px;background:var(--interactive);color:var(--ink)}
 .lessons-course-link{font-size:14px;min-height:44px}
 .lessons-drawer-item{gap:12px;min-height:60px;padding:10px}
 .lessons-drawer-number{flex-basis:24px;width:24px;height:24px;font-size:14px}
 .lessons-drawer-copy>strong{font-size:15px}
 .lessons-drawer-copy>small{font-size:13px}
 .lessons-result-link{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.lessons-menu-toggle>.chevron{transition:none}}