/* Scoped CURRENT1.4.0 words-header parity. No global palette or study changes. */
.site-navigation{--site-paper:#faf8f1;--site-surface:#fffefb;--site-ink:#263e35;--site-muted:#66756d;--site-accent:#315b49;--site-soft:#eef2e9;--site-line:#dfe4db;--site-focus:#99723d;--site-control-radius:8px;--site-width:1160px;--site-font:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.site-navigation.unified-header,.site-navigation.unified-header#header{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 24px;min-height:76px;padding:14px max(24px,calc((100% - var(--site-width))/2));margin:0;border:0;border-bottom:1px solid var(--site-line);background:var(--site-paper);color:var(--site-ink);font:14px/1.5 var(--site-font)}
.site-navigation.unified-header .unified-brand{margin-right:auto;max-width:100%;font-size:16px;font-weight:650;line-height:1.4;color:var(--site-ink);text-decoration:none;overflow-wrap:anywhere}
.site-navigation.unified-header nav{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;min-width:0;margin:0}
.site-navigation.unified-header nav a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;border:0;border-bottom:2px solid transparent;color:var(--site-muted);text-decoration:none;white-space:nowrap;background:transparent}
.site-navigation.unified-header nav a[aria-current=page]{border-bottom-color:var(--site-accent);color:var(--site-ink);font-weight:650}
.site-navigation.unified-header nav a:hover{color:var(--site-accent)}
.site-navigation .unified-tools{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.site-navigation .unified-account{display:flex;align-items:center;gap:12px;min-width:0;font-size:14px}
.site-navigation .unified-account-menu{position:relative;max-width:190px}
.site-navigation .unified-account-menu>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;cursor:pointer;list-style:none;color:var(--site-ink)}
.site-navigation .unified-account-menu>summary::-webkit-details-marker{display:none}
.site-navigation .unified-account-menu>summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-navigation .unified-account-menu[open]>summary{color:var(--site-accent)}
.site-navigation .unified-account-panel{position:absolute;right:0;top:calc(100% + 4px);z-index:500;min-width:172px;max-width:calc(100vw - 36px);padding:6px;background:var(--site-surface);border:1px solid var(--site-line);border-radius:var(--site-control-radius);box-shadow:0 6px 18px #263e3510}
.site-navigation .unified-account-panel a,.site-navigation .unified-account-panel button{box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:4px;background:transparent;color:var(--site-ink);font:14px/1.5 var(--site-font);text-decoration:none;text-align:left;cursor:pointer}
.site-navigation .unified-account-panel a:hover,.site-navigation .unified-account-panel button:hover{background:var(--site-soft);filter:none}
.site-navigation.unified-header :is(a,button,summary):focus-visible{outline:2px solid var(--site-focus);outline-offset:4px}
.site-navigation .unified-save-slot:empty{display:none}
.site-navigation .unified-save-slot .native-sync{max-width:124px;margin:0;border-color:transparent;background:transparent;font-size:12px}
@media(max-width:1050px){
 .site-navigation.unified-header,.site-navigation.unified-header#header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;padding:12px 24px}
 .site-navigation.unified-header .unified-brand{grid-column:1;grid-row:1;margin:0}
 .site-navigation.unified-header .unified-tools{grid-column:2;grid-row:1;justify-self:end}
 .site-navigation.unified-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:4px;overflow-x:auto;flex-wrap:nowrap}
}
@media(max-width:600px){
 .site-navigation.unified-header,.site-navigation.unified-header#header{padding:10px 18px 0;gap:4px 10px;min-height:0}
 .site-navigation.unified-header .unified-brand{font-size:14px;white-space:normal;max-width:220px}
 .site-navigation.unified-header nav{justify-content:flex-start;gap:4px;font-size:13px}
 .site-navigation .unified-account{font-size:13px}.site-navigation .unified-account-menu{max-width:100px}
 .site-navigation .unified-account{flex-wrap:wrap;justify-content:flex-end;gap:0 8px}
 .site-navigation .unified-save-slot .native-sync{max-width:100px;font-size:11px}
 .site-navigation .unified-account-menu>summary{gap:5px}
}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) nav.unified-text-navigation{gap:4px;align-items:center}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) nav.unified-text-navigation>:is(a,button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:4px;min-height:44px;height:44px;margin:0;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--site-muted,#64705b);font-family:var(--site-font,system-ui);font-size:14px;font-weight:400;line-height:1.4;letter-spacing:normal;text-decoration:none;white-space:nowrap;box-shadow:none;filter:none;transform:none;cursor:pointer}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) nav.unified-text-navigation>[aria-current=page]{background:#eee5ca;color:#304b39;font-weight:650;border:0}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) nav.unified-text-navigation>:is(a,button):hover{background:#efe9d9;color:#304b39;filter:none}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) nav.unified-text-navigation>:is(a,button):focus-visible{outline:2px solid #547b5c;outline-offset:2px;box-shadow:none}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-chevron{display:block;flex:0 0 14px;width:14px;height:14px;transition:transform 160ms ease;transform:rotate(0)}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-trigger[aria-expanded=true] .unified-bank-chevron{transform:rotate(180deg)}
/* The fixed panel remains inside its header so native leave/save handlers still own navigation. */
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-sheet{box-sizing:border-box;position:fixed;inset:auto;z-index:3000;width:188px;min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);height:auto;margin:0;padding:4px;border:1px solid #d8d0ba;border-radius:7px;background:#f8f3e4;color:#36523e;box-shadow:0 3px 10px #30452e0c;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;font-family:var(--site-font,system-ui);font-size:14px;font-weight:400;line-height:1.4;text-align:left}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-sheet[hidden]{display:none!important}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-sheet-links{display:flex;flex-direction:column;gap:0;min-width:0;margin:0;padding:0}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-sheet-links a{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;flex:none;min-width:0;min-height:44px;height:44px;margin:0;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;line-height:1.4;text-align:left;text-decoration:none;white-space:normal;overflow-wrap:anywhere;box-shadow:none;filter:none;transform:none}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-sheet-links a::after{content:none}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-sheet-links a:is(:hover,:focus-visible){background:#efe9d9;color:#304b39}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-sheet-links a[aria-current=page]{background:#eee5ca;color:#304b39;font-weight:650}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-sheet-links a:focus-visible{outline:2px solid #547b5c;outline-offset:-2px}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-sheet-links p{margin:0;padding:8px 10px;color:#64765a;overflow-wrap:anywhere}
@media(max-width:700px){html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) nav.unified-text-navigation>:is(a,button){font-size:13px}}
@media(prefers-reduced-motion:reduce){html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header) .unified-bank-chevron{transition:none}}
/* Fixed default student avatar: only the account trigger changes. */
.site-navigation .unified-account-menu>summary .unified-student-avatar{display:inline-block;position:relative;flex:0 0 32px;width:32px;height:32px;box-sizing:border-box;border:1px solid #C9CEC1;padding:1px;border-radius:50%;overflow:hidden;background:#F6F3EB;line-height:0}
.site-navigation .unified-student-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:54% 45%}
.site-navigation .unified-account-menu>summary{align-items:center}
.site-navigation .unified-account-menu>summary:has(.unified-student-avatar)>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;min-width:0}
@media(max-width:650px){.site-navigation .unified-account-menu>summary:has(.unified-student-avatar)>span:nth-child(2){max-width:76px}}
.normal-page-shell{display:block}.normal-page-shell>.workspace{min-width:0}.normal-page-shell .page{max-width:1160px;margin:auto}.site-navigation .unified-save-slot{font-size:12px;color:var(--site-muted)}
html:root body #booksHeader.site-navigation .unified-save-slot:empty{display:none}

/* Teacher tools remain explicit; student learning links are available via preview. */
.site-navigation.teacher-navigation .teacher-student-view{display:inline-flex;align-items:center;min-height:44px;padding:6px 10px;border:1px solid var(--site-line);border-radius:8px;color:var(--site-accent);font-size:13px;line-height:1.4;text-decoration:none;white-space:nowrap}
.site-navigation.teacher-navigation .teacher-student-view:hover,.site-navigation.teacher-navigation .teacher-student-view[aria-current=page]{background:var(--site-soft)}
@media(max-width:600px){.site-navigation.teacher-navigation .unified-tools{gap:6px}.site-navigation.teacher-navigation .teacher-student-view{padding:6px;font-size:12px}.site-navigation.teacher-navigation .unified-account-menu>summary:has(.unified-student-avatar)>span:nth-child(2){max-width:48px}.site-navigation.teacher-navigation .unified-brand{max-width:90px}}

/* Teacher chrome uses the same green hierarchy as its management content. */
.site-navigation.teacher-navigation{--site-paper:var(--bg,#f6f5ef);--site-surface:var(--paper,#fffefb);--site-ink:var(--ink,#2e3d31);--site-muted:var(--muted,#6e786c);--site-accent:var(--green,#45674e);--site-soft:var(--soft,#e9efe4);--site-line:var(--line,#dde2d7);--site-focus:var(--green,#45674e)}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header).teacher-navigation nav.unified-text-navigation>[aria-current=page]{background:var(--site-soft);color:var(--site-accent)}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header).teacher-navigation nav.unified-text-navigation>:is(a,button):hover{background:var(--site-soft);color:var(--site-accent)}
html:root body :is(.site-navigation.unified-header,#header.site-navigation.unified-header,#unifiedSiteChrome .site-navigation.unified-header).teacher-navigation nav.unified-text-navigation>:is(a,button):focus-visible{outline-color:var(--site-accent)}

/* Backend1: teacher-only shared content edges, clear primary/secondary hierarchy.
   Student chrome and focused reading/exam shells keep their existing layout. */
.teacher-backend-shell{--teacher-content-width:1160px;--teacher-content-gutter:24px}
.teacher-backend-shell>.workspace>.page,.teacher-backend-shell>.workspace>.page.wide{box-sizing:border-box;width:calc(100% - 2 * var(--teacher-content-gutter));max-width:var(--teacher-content-width);margin:0 auto;padding:24px 0 64px}
.teacher-backend-shell .site-navigation.teacher-navigation.unified-header{--site-width:var(--teacher-content-width);grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;min-height:0;padding:12px max(var(--teacher-content-gutter),calc((100% - var(--teacher-content-width))/2)) 8px}
.teacher-backend-shell .teacher-navigation .unified-brand{grid-column:1;grid-row:1;margin:0;max-width:100%;font-size:16px}
.teacher-backend-shell .teacher-navigation .unified-tools{grid-column:2;grid-row:1;justify-self:end}
.teacher-backend-shell .site-navigation.teacher-navigation nav.unified-text-navigation{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0;max-width:100%;padding:2px 0 0}
html:root body .teacher-backend-shell .site-navigation.teacher-navigation nav.unified-text-navigation>:is(a,button){min-height:42px;height:auto;padding:9px 15px;font-weight:550}
@media(max-width:720px){.teacher-backend-shell{--teacher-content-gutter:18px}.teacher-backend-shell>.workspace>.page,.teacher-backend-shell>.workspace>.page.wide{padding-top:18px}.teacher-backend-shell .site-navigation.teacher-navigation.unified-header{gap:4px 10px;padding-top:8px}.teacher-backend-shell .teacher-navigation .unified-brand{font-size:14px}.teacher-backend-shell .site-navigation.teacher-navigation nav.unified-text-navigation{gap:3px}html:root body .teacher-backend-shell .site-navigation.teacher-navigation nav.unified-text-navigation>:is(a,button){padding:8px 11px;font-size:13px}}
@media(max-width:420px){.teacher-backend-shell .teacher-navigation .teacher-student-view{font-size:11px;padding:5px}.teacher-backend-shell .teacher-navigation .unified-tools{gap:5px}.teacher-backend-shell .teacher-navigation .unified-account-menu>summary{gap:4px}}