/* Lessons, diagram gallery and assignments share the full classroom workspace. */
html{scrollbar-gutter:stable}
.menu-toggle{display:grid;flex:none;width:46px;height:46px;border:1px solid #deded2;background:#fff;border-radius:13px;color:#294b3b}
.navigation-backdrop{position:fixed;inset:0;z-index:19;background:#15261a55;border:0;backdrop-filter:blur(2px)}
.navigation-backdrop[hidden]{display:none}
.sidebar .menu-close{display:grid;position:absolute;top:10px;right:10px;z-index:2;color:#fff;background:#ffffff18;border:1px solid #ffffff35}
.sidebar .brand{padding-top:45px}
.sidebar[inert]{visibility:hidden}
@media(min-width:901px){
  body.sidebar-collapsed .app-shell,body:is(.classroom-view,.watch-view) .app-shell{grid-template-columns:minmax(0,1fr)}
  body.sidebar-collapsed .sidebar,body:is(.classroom-view,.watch-view) .sidebar{display:none}
  body:is(.classroom-view,.watch-view).menu-open .sidebar{display:block;position:fixed;inset:0 auto 0 0;z-index:20;width:300px;height:100dvh;box-shadow:15px 0 50px #15261a33}
  body:is(.classroom-view,.watch-view).menu-open{overflow:hidden}
}
body.classroom-view .main{width:100%;max-width:none;justify-self:stretch}
body.classroom-view #classroomDashboard{max-width:none;margin:0;padding:28px clamp(22px,3vw,48px) 56px}
body.classroom-view .cs-learning-and-feed{display:block;margin-top:36px}
body.classroom-view #classroomLessons{width:100%;container-type:inline-size}
body.classroom-view .cs-learning-and-feed .cs-lessons .home-dashboard-episode{grid-template-columns:minmax(230px,1fr) minmax(340px,1.15fr);padding:22px;gap:24px}
body.classroom-view .cs-learning-and-feed .cs-lessons .home-dashboard-addon-slot{min-height:126px;font-size:14px}
body.classroom-view .cs-learning-and-feed .cs-lessons .home-dashboard-addon-slot strong{font-size:22px}
body.classroom-view .cs-learning-and-feed .cs-lessons .home-dashboard-episode-number{height:64px}
body.classroom-view .cs-feed-column{margin:0;max-height:none;position:static;border-radius:24px;padding:26px;background:#fff}
body.classroom-view .cs-feed-column .cs-feed-grid{max-width:820px}
body.classroom-view #classroomFeed{width:100%;overflow:visible}
.mini-program-area,.video-mini-programs{--home-orange:#c78b36;--home-orange-dark:#9a611c;--home-green:#21754e}
.mini-program-grid,.video-mini-program-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px}
.mini-program-area button:focus-visible,.video-mini-programs button:focus-visible{outline:3px solid #b98339;outline-offset:4px}
.mini-program-grid .mini-program-kiosk{min-height:230px;padding:26px;border-radius:22px;position:relative;border-top:4px solid #dc9a49}
.mini-program-kiosk strong{font-size:25px;line-height:1.3;margin:18px 0 8px}.mini-program-kiosk>small{white-space:normal}.mini-program-kiosk>span{font-size:13px;line-height:1.7;font-weight:500}.mini-program-kiosk>b{font-size:14px;margin-top:auto;padding-top:22px;color:#a76520}
.video-mini-programs{background:#f7f3ec;border:1px solid #e0d7c9;border-radius:22px;padding:24px}.video-mini-programs .home-dashboard-addon-slot{min-height:150px;border-radius:18px;padding:22px}.video-mini-programs .home-dashboard-addon-slot small{font-size:13px;white-space:normal}.video-mini-programs .home-dashboard-addon-slot span{font-size:12px}.video-mini-programs header strong{font-size:18px}.video-mini-programs header small{color:#9c7947}
.sidebar .mini-program-filter-button{border:1px solid #dfd3bd;background:#faf3e6;color:#443423;border-radius:17px;min-height:80px;padding:16px}.sidebar .mini-program-filter-button .nav-text strong{color:#483624;font-size:16px}.sidebar .mini-program-filter-button .nav-text small{color:#927857}.sidebar .mini-program-filter-button.active{background:#f3dfba;border-color:#bb904d;box-shadow:inset 4px 0 #b98035}.sidebar .mini-program-filter-button .nav-count{background:#fff8eb;color:#795627}
@media(min-width:1900px){body.classroom-view #classroomDashboard{max-width:1680px;margin-inline:auto}}
@container(max-width:700px){body.classroom-view .cs-learning-and-feed .cs-lessons .home-dashboard-episode{grid-template-columns:1fr;gap:18px}}
@media(max-width:700px){
  body.classroom-view #classroomDashboard{padding:20px 16px 36px}
  body.classroom-view .cs-feed-column{padding:16px}
  body.classroom-view .cs-learning-and-feed .cs-lessons .home-dashboard-episode{padding:18px;grid-template-columns:1fr}
  body.classroom-view .cs-learning-and-feed .cs-lessons .home-dashboard-addon-slot{min-height:110px}
  .sidebar .brand{padding-top:8px}
  .topbar{gap:8px}.menu-toggle{width:40px;height:40px}
}