/* Global learning modes live in the header; the left pane is the curriculum. */
.topbar{position:fixed;inset:0 0 auto;height:64px;padding:0 20px;gap:20px;z-index:40;background:#fff}
.header-brand{display:flex;align-items:center;gap:10px;flex:none;width:252px;min-width:0}
.header-home{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;white-space:nowrap;font-size:calc(12px * var(--study-text-scale, 1));font-weight:650}
.header-home img{width:29px;height:29px;flex:none}
.sidebar .sidebar-toggle{width:44px;min-width:44px;min-height:44px;padding:11px;border:0;background:transparent;flex:none}
.sidebar .sidebar-toggle:hover{background:var(--accent-soft)}
.header-navigation{display:flex;align-items:center;gap:4px;min-width:0;flex:1}
.header-navigation wa-button.nav-link{display:block;position:relative;padding:0;min-height:0;border:0;background:transparent;color:#66746b;font-size:calc(12px * var(--study-text-scale, 1));font-weight:500}
.header-navigation wa-button.nav-link::part(button){display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:0;border-radius:7px;background:transparent;color:inherit;font-family:inherit;font-size:calc(12px * var(--study-text-scale, 1));line-height:1.6;font-weight:500;box-shadow:none;text-decoration:none}
.header-navigation wa-button.nav-link:hover::part(button){background:#f0f4eb;color:#2c573d}
.header-navigation wa-button.nav-link.active{background:transparent;color:#2c573d}
.header-navigation wa-button.nav-link.active::part(button){background:#e8f0e3;font-weight:650}
.header-navigation wa-button.nav-link::part(button):focus-visible{outline:2px solid #356951;outline-offset:3px}
.header-navigation wa-button.nav-link>svg{width:16px;height:16px;flex-shrink:0}
.header-navigation .nav-label{display:inline;white-space:nowrap}
.header-navigation .nav-number{display:grid;place-items:center;height:16px;min-width:16px;font-size:calc(9px * var(--study-text-scale, 1));line-height:1;padding:0 4px;background:#e9efe3;color:#41633b;border-radius:4px}
.topbar .top-actions{margin-left:auto;gap:14px;flex:none}
.header-history{display:flex;align-items:center;gap:7px;padding:7px 9px;color:var(--muted);font-size:calc(11px * var(--study-text-scale, 1));white-space:nowrap;text-decoration:none;border-radius:7px}
.header-history svg{width:15px;height:15px}
.header-history:hover,.header-history.active{background:#e8f0e3;color:#2c573d}
.learning-modes{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #dce4d5;border-radius:8px;background:#eaf0e5;flex:none}
.learning-modes a,.quiz-top .learning-modes a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:29px;padding:4px 12px;border-radius:5px;font-size:calc(11px * var(--study-text-scale, 1));line-height:1.5;white-space:nowrap;text-decoration:none;color:#697762}
.learning-modes a svg{width:14px;height:14px}
.learning-modes a:hover{color:#2c573d}
.learning-modes a[aria-current]{background:#fff;color:#2c573d;font-weight:650;box-shadow:0 1px 3px #243d2012}
.lecture-head-actions{align-items:center}
.topbar .keyboard-help-button{min-width:30px;justify-content:center}
.workspace{margin-left:292px;margin-top:64px}
.sidebar{position:fixed;inset:64px auto 0 0;width:292px;height:calc(100dvh - 64px);min-height:0;display:flex;padding:0;overflow:hidden;background:#fafbf8;border-right:1px solid var(--line);z-index:20}
.sidebar .lecture-catalog{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;position:static;border:0;border-radius:0;background:transparent;overflow:hidden}
.sidebar .lecture-catalog-head{padding:20px 18px 14px;gap:10px;flex:none}
.curriculum-course{display:block;margin-bottom:5px;font-size:calc(9px * var(--study-text-scale, 1));font-weight:600;letter-spacing:.04em;color:#7b8975}
.sidebar .lecture-catalog-head h2{font-size:calc(18px * var(--study-text-scale, 1));line-height:1.6}
.sidebar .lecture-catalog-head p{font-size:calc(10px * var(--study-text-scale, 1));margin-top:4px}
.sidebar .lecture-catalog-head>span{margin-top:5px;font-size:calc(10px * var(--study-text-scale, 1))}
.sidebar .lecture-filters{padding:0 16px 14px;gap:8px;flex:none}
.sidebar .lecture-search{min-height:38px;background:#fff;border-color:#dce4d5}
.sidebar .lecture-search input{font-size:calc(12px * var(--study-text-scale, 1));padding:8px 0}
.sidebar .lecture-filters select{min-height:36px;background:#fff;font-size:calc(11px * var(--study-text-scale, 1));padding:5px 9px}
.sidebar #lecture-list{padding:12px 10px 20px;margin:0;max-height:none;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1}
.sidebar .lecture-module>h3{padding:5px 8px 8px;font-size:calc(11px * var(--study-text-scale, 1));color:#6a7d62;letter-spacing:0}
.sidebar .lecture-module+.lecture-module{margin-top:18px}
.sidebar .lecture-group summary{padding:10px 8px;font-size:calc(12px * var(--study-text-scale, 1));gap:8px;min-height:42px}
.sidebar .lecture-group.current-lesson>summary{color:#2f5f41}
.sidebar .lecture-group summary>small{font-size:calc(9px * var(--study-text-scale, 1))}
.sidebar .lecture-entries{gap:3px;padding:0 0 8px 7px;margin-left:8px;border-left:1px solid #dce5d5}
.curriculum-read{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 9px;color:#617659;font-size:calc(11px * var(--study-text-scale, 1));text-decoration:none;border-radius:7px}
.curriculum-read>svg{width:14px;height:14px;flex:none}
.curriculum-read>small{display:flex;align-items:center;gap:3px;margin-left:auto;font-size:calc(9px * var(--study-text-scale, 1));color:#73836a}
.curriculum-read>small>svg{width:12px;height:12px}
.curriculum-read:hover,.curriculum-read.is-current{background:#e9f0e2;color:#2d5a3b}
.curriculum-read.is-current{font-weight:650}
.sidebar .lecture-entry{padding:9px 8px;gap:7px}
.sidebar .lecture-entry small{font-size:calc(9px * var(--study-text-scale, 1))}
.sidebar .lecture-entry-title{font-size:calc(11px * var(--study-text-scale, 1));line-height:1.8}
.sidebar .lecture-entry-number{min-width:16px;font-size:calc(9px * var(--study-text-scale, 1));padding-top:14px}
.sidebar .lecture-entry.is-current{background:#e7efdf;border-color:#ccdcbc}
.curriculum-storage{flex:none;margin:0;padding:10px 17px;border-top:1px solid var(--line);font-size:calc(9px * var(--study-text-scale, 1));line-height:1.8;color:#7b8773}
.nav-tooltip{display:contents;--wa-tooltip-background-color:#2b4236;--wa-tooltip-color:#fff;--wa-tooltip-border-radius:7px;--max-width:200px}
.nav-tooltip::part(body){padding:7px 10px;font-size:calc(11px * var(--study-text-scale, 1));line-height:1.6;font-weight:500;box-shadow:0 4px 14px #182e241a}
.sidebar-drawer{--size:min(310px,calc(100vw - 32px));--spacing:0;--show-duration:180ms;--hide-duration:140ms;--wa-color-overlay-modal:#172c2259}
.sidebar-drawer::part(dialog){background:#fafbf8;color:var(--ink);box-shadow:10px 0 40px #102a2320}
.sidebar-drawer::part(body){padding:0;display:flex}
.sidebar-close{display:none}
@media(min-width:621px){
 .sidebar-drawer{display:none}
 .sidebar-collapsed .sidebar{display:flex;width:64px}
 .sidebar-collapsed .workspace{margin-left:64px}
 .sidebar-collapsed .study-sidebar-content{width:100%;min-width:0}
 .sidebar-collapsed .study-course>span,.sidebar-collapsed .study-side-note,.sidebar-collapsed .study-side-nav a>span{display:none}
 .sidebar-collapsed .study-side-nav{margin-top:0;padding:14px 9px;gap:8px}
 .sidebar-collapsed .study-side-nav a{width:44px;min-height:44px;justify-content:center;gap:0;padding:0}
 .sidebar-collapsed .study-side-nav svg{width:20px;height:20px;flex:none}
}
@media(min-width:621px) and (max-width:980px){
 .topbar{padding-inline:14px;gap:12px}
 .header-brand{width:auto}
 .header-home>span{display:none}
 .header-navigation{justify-content:center;gap:2px}
 .header-navigation wa-button.nav-link::part(button){padding-inline:9px;gap:6px}
}
@media(max-width:620px){
 .topbar{height:58px;padding-inline:13px;gap:10px}
 .header-brand{width:auto}
 .header-navigation{display:none}
 .header-home{font-size:calc(11px * var(--study-text-scale, 1))}
 .header-history span{display:none}
 .workspace,.sidebar-collapsed .workspace{margin-left:0;margin-top:58px}
 .layout>.sidebar{display:none}
 .sidebar-drawer .sidebar{display:flex;position:relative;inset:auto;width:100%;height:100dvh;padding:0;border:0;box-shadow:none;z-index:auto}
 .sidebar-drawer .sidebar-close{display:flex;position:absolute;right:10px;top:16px;width:34px;min-height:34px;border:0;background:transparent;z-index:1}
 .sidebar-drawer .lecture-catalog-head{padding-right:49px}
}
@media(prefers-reduced-motion:reduce){.sidebar-drawer{--show-duration:0ms;--hide-duration:0ms}}
@media print{.topbar,.sidebar,.sidebar-drawer{display:none!important}.workspace,.sidebar-collapsed .workspace{margin:0}}
@media(prefers-color-scheme:dark){
 .topbar{background:var(--surface)}
 .sidebar,.sidebar-drawer::part(dialog){background:#16201c;color:var(--ink)}
 .sidebar .lecture-search,.sidebar .lecture-filters select{background:#1f2b26;border-color:var(--line);color:var(--ink)}
 .sidebar .lecture-entries{border-left-color:var(--line)}
 .header-navigation wa-button.nav-link{color:var(--muted)}
 .header-navigation wa-button.nav-link:hover::part(button){background:var(--accent-soft);color:var(--accent)}
 .header-navigation wa-button.nav-link.active{color:var(--accent)}
 .header-navigation wa-button.nav-link.active::part(button){background:var(--accent-soft)}
 .header-navigation .nav-number{background:var(--accent-soft);color:var(--accent)}
 .header-history:hover,.header-history.active,.curriculum-read:hover,.curriculum-read.is-current,.sidebar .lecture-entry.is-current{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}
 .learning-modes{background:#151e1a;border-color:var(--line)}
 .learning-modes a,.quiz-top .learning-modes a{color:var(--muted)}
 .learning-modes a:hover,.learning-modes a[aria-current]{color:var(--accent)}
 .learning-modes a[aria-current]{background:var(--surface)}
}