.workspace-section{display:block;padding:20px 12px 6px;color:#767c87;font-size:11px;letter-spacing:.1em}
.app-nav>a,#workspace-navigation nav>a{display:flex;align-items:center;padding:12px 16px;min-height:44px;text-decoration:none;color:#515968;border-radius:10px;font-size:14px}
.app-nav>a:hover,#workspace-navigation nav>a:hover{background:#e3e6eb}
.app-nav>a[aria-current=page],#workspace-navigation nav>a[aria-current=page]{background:#fff;color:#192a4c;font-weight:600}
#workspace-navigation{position:fixed;inset:0 auto 0 0;width:208px;background:#e9ebf0;padding:24px 16px;display:flex;flex-direction:column;z-index:40;border-right:1px solid #dee1e7;box-sizing:border-box;font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
#workspace-navigation .workspace-brand{font-size:23px;font-weight:650;color:#202a3e;text-decoration:none;padding:0 12px 24px}
#workspace-navigation .workspace-brand small{display:block;font-size:11px;font-weight:400;margin-top:8px;color:#707681}
#workspace-navigation nav{display:flex;flex-direction:column;gap:3px;background:none;padding:0;overflow:auto;border-radius:0}
.workspace-account{margin-top:auto;padding:20px 12px 0;font-size:12px;color:#626976}
body.unified-workspace{margin-left:208px}
.unified-workspace>main>header,.unified-workspace .user-nav{display:none}
.unified-workspace .user-shell{grid-template-columns:minmax(0,1fr)}
.unified-workspace>main{max-width:none}
.unified-workspace .heading>div>.eyebrow{display:none}
.unified-workspace .topbar{position:relative}
.unified-workspace .topbar a[href='/admin.html']{display:none!important}
@media(max-width:760px){#workspace-navigation{width:150px;padding:16px 8px}body.unified-workspace{margin-left:150px}#workspace-navigation .workspace-brand{font-size:17px;padding:0 8px 18px}#workspace-navigation nav>a{font-size:12px;padding:10px 8px}.workspace-account{padding:14px 8px;font-size:11px}}
@media(max-width:540px){#workspace-navigation{position:relative;width:auto;padding:10px 12px}.workspace-brand,.workspace-account{display:none!important}#workspace-navigation nav{flex-direction:row;overflow:auto;white-space:nowrap}#workspace-navigation nav>a{flex-shrink:0}.workspace-section{padding:10px 6px}body.unified-workspace{margin-left:0}.app-nav{overflow-x:auto!important;display:flex!important}.app-nav>*{flex-shrink:0}.app-nav>a{font-size:11px;padding:8px}.app-nav .workspace-section{display:none}}
.workspace-lock{margin:12px 8px 0;background:transparent;border:0;color:#757a84;font-size:12px;min-height:36px;text-align:left;cursor:pointer}
@media(min-width:641px){.app-sidebar{width:208px!important;padding:24px 16px!important}.app-main{margin-left:208px!important}.app-nav{margin-top:24px!important;gap:3px!important;overflow:auto}.app-nav button{min-height:44px!important;padding:12px 16px!important;font-size:14px!important}.sidebar-note{display:none!important}}

.unified-workspace .topbar>a[href="/"]+a[href="/"]{display:none}
#workspace-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:5px;border:0;background:transparent;color:#596170;margin:0 0 14px;cursor:pointer}
#workspace-navigation nav>a{gap:12px}#workspace-navigation nav>a svg,.app-nav>a svg{flex:none}.app-nav>a{gap:12px}
.workspace-splitter{touch-action:none}#workspace-resizer{position:absolute;right:-4px;top:0;bottom:0;width:7px;cursor:col-resize;z-index:60}#workspace-resizer:hover,#workspace-resizer:focus-visible{background:#9aa3b5}.workspace-resizing{user-select:none;cursor:col-resize}.workspace-resizing *{cursor:col-resize!important}
@media(min-width:641px){#workspace-navigation,.app-sidebar{width:var(--workspace-nav-width,208px)!important}.app-main{margin-left:var(--workspace-nav-width,208px)!important}body.unified-workspace{margin-left:var(--workspace-nav-width,208px)}.workspace-nav-collapsed #workspace-navigation,.workspace-nav-collapsed .app-sidebar{padding:16px 8px!important}.workspace-nav-collapsed .workspace-brand,.workspace-nav-collapsed .brand-home,.workspace-nav-collapsed .workspace-section,.workspace-nav-collapsed .workspace-account,.workspace-nav-collapsed .sidebar-account,.workspace-nav-collapsed .sidebar-role,.workspace-nav-collapsed .workspace-lock{display:none!important}.workspace-nav-collapsed nav>a>span,.workspace-nav-collapsed .app-nav button>span:nth-child(2){display:none!important}.workspace-nav-collapsed nav>a,.workspace-nav-collapsed .app-nav button{padding:12px!important;justify-content:center}.workspace-nav-collapsed #workspace-resizer{display:none}.workspace-nav-collapsed #workspace-toggle{margin-left:7px}.insight-workspace.show-conversations{grid-template-columns:var(--conversation-width,215px) minmax(0,1fr)!important}.conversation-rail{position:relative}#conversation-resizer{position:absolute;right:0;top:0;bottom:0;width:7px;cursor:col-resize}#conversation-resizer:hover,#conversation-resizer:focus-visible{background:#9aa3b5}}
@media(max-width:640px){#workspace-toggle,#workspace-resizer,#notes-resizer,#conversation-resizer{display:none!important}body.unified-workspace{margin-left:0}#workspace-navigation{position:relative;width:auto!important;padding:10px 12px}#workspace-navigation nav{flex-direction:row;overflow:auto;white-space:nowrap}#workspace-navigation .workspace-brand,#workspace-navigation .workspace-account{display:none}#workspace-navigation nav>a{flex-shrink:0}.app-nav>a svg{display:none}}

/* Quiet chevrons live on the boundary and take no space from the heading. */
@media(min-width:641px){#workspace-toggle,.workspace-nav-collapsed #workspace-toggle{position:absolute;top:17px;right:-11px;z-index:65;width:22px;height:24px;min-height:0;padding:4px;margin:0;border:0;border-radius:5px;background:#eef0f3;color:#818690;box-shadow:none}#workspace-toggle:hover,#workspace-toggle:focus-visible{background:#e1e4e9;color:#29354d}#workspace-toggle svg{width:12px;height:12px}.workspace-nav-collapsed #workspace-toggle svg{transform:rotate(180deg)}}

/* One brand and one navigation rhythm throughout the workspace. */
#workspace-navigation .workspace-brand,.app-sidebar .workspace-brand{display:block;padding:0 8px 24px!important;margin:0!important;text-decoration:none;color:#202a3e;font:650 23px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;white-space:nowrap}
.workspace-brand-line{display:flex;align-items:center;gap:10px;letter-spacing:-.5px}
.workspace-brand-mark{display:flex;align-items:center;justify-content:center;width:34px;height:38px;flex:none;border-radius:10px;background:#203257;color:#fff;font:28px/1 "Songti SC","STSong",serif}
#workspace-navigation .workspace-brand small,.app-sidebar .workspace-brand small{display:block;margin:12px 0 0!important;font:400 11px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#707681;letter-spacing:0}
.app-sidebar .app-nav{margin-top:0!important}
.workspace-page-label{font-size:14px;font-weight:500;color:#686f7d}
@media(max-width:640px){#workspace-navigation .workspace-brand,.app-sidebar .workspace-brand{display:block!important;padding:0 4px 12px!important;font-size:19px}.workspace-brand-mark{width:28px;height:30px;font-size:23px}#workspace-navigation .workspace-brand small,.app-sidebar .workspace-brand small{display:none}}
@media(min-width:641px){.app-nav>button,.app-nav>a,#workspace-navigation nav>a{box-sizing:border-box;min-height:44px!important;height:44px;line-height:20px!important;gap:12px!important;border:0!important;padding:12px 16px!important;border-radius:10px}.app-nav>button svg,.app-nav>a svg,#workspace-navigation nav>a svg{width:19px;height:19px}.app-nav>button.active{background:#fff!important;color:#192a4c;box-shadow:none;font-weight:600}}

/* Blue / porcelain identity. Shared chrome stays consistent across pages. */
:root{--ink:#17243d;--green:#2563eb;--line:#e0e7f2;--blue:#2563eb}
body{color:#17243d;background:#f6f8fc}
#workspace-navigation,.app-sidebar{background:#f1f5fc!important;border-color:#dfe7f3!important}
.workspace-brand-mark{background:linear-gradient(145deg,#447dff,#2349b4);box-shadow:0 4px 12px #2860d51a}
#workspace-navigation .workspace-brand,.app-sidebar .workspace-brand{color:#17243d}
.app-nav button,.app-nav>a,#workspace-navigation nav>a{color:#52617b!important}
.app-nav button.active,.app-nav>a[aria-current=page],#workspace-navigation nav>a[aria-current=page]{background:#fff!important;color:#2458c8!important;box-shadow:0 2px 10px #295ac008}
.primary{background:linear-gradient(120deg,#2868ed,#3454d1)!important;color:#fff!important}.primary:hover{filter:brightness(1.08)}
.ghost{background:#edf2fc;color:#254780}.workspace-account,.sidebar-account small,.sidebar-role{color:#67758d}
#workspace-toggle{background:#eef3fb!important;color:#647b9e!important}
body[data-view=home] .app-main{background:radial-gradient(ellipse at 90% 5%,#e7efff,transparent 44%),#f8faff}
.home-workspace{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
.home-workspace .hero{isolation:isolate;display:block;min-height:410px;padding:48px 54px;border-radius:22px;background:linear-gradient(130deg,#080f26,#102550 60%,#15295d);color:#fff;overflow:hidden;box-shadow:0 20px 50px #213b7a18}
.home-workspace .hero>div:first-child{position:relative;max-width:none;margin:0}
.hero .eyebrow{color:#b3c9f5;font-size:11px;letter-spacing:.12em}
.hero-caption{font-size:10px;color:#9fbbfa;letter-spacing:.18em;margin:22px 0 14px}
.home-workspace .hero h2{position:relative;font:600 clamp(30px,3.8vw,54px)/1.24 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;letter-spacing:-.035em;color:#fff;margin:0 0 22px;max-width:740px;text-wrap:balance}
.home-workspace .hero p{font-size:14px;line-height:1.8;color:#b8c9e8;max-width:none;margin:16px 0 24px}
.theory-line{display:flex;align-items:center;gap:12px;color:#d8e6ff;font-size:15px;min-height:26px}.theory-prefix{font-size:10px;padding:3px 7px;border:1px solid #ffffff30;border-radius:5px;color:#a9c7ff}.typing-caret{height:16px;width:2px;background:#95c2ff;animation:cursorBlink 1s steps(2) infinite}
.hero-actions{position:relative}.hero .primary{background:#fff!important;color:#1c459f!important;min-width:180px;border-radius:11px;box-shadow:0 6px 24px #0002}.hero .ghost{background:#ffffff12!important;border:1px solid #ffffff30;color:#dce8ff!important}
.aurora-field{position:absolute;inset:-80px -54px;z-index:-1;pointer-events:none;overflow:hidden;background-image:radial-gradient(#9dbfff42 .7px,transparent .8px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000)}
.aurora-field i{position:absolute;top:45%;left:25%;width:100%;height:100px;border-radius:50%;background:linear-gradient(90deg,transparent,#1861ff,#62bfff,transparent);filter:blur(32px);transform:rotate(-20deg);opacity:.65;animation:auroraSweep 14s ease-in-out infinite alternate}.aurora-field i:nth-child(2){top:10%;left:60%;width:60%;height:180px;background:#315ae0;animation-delay:-5s;opacity:.3}.aurora-field i:nth-child(3){top:75%;left:45%;height:30px;filter:blur(12px);opacity:.35;animation-delay:-9s}
.motion-toggle{position:absolute;right:-25px;top:0;width:30px;height:30px;padding:0;border:1px solid #ffffff25;background:#ffffff0c;color:#bcd1fb;border-radius:50%;font-size:12px;cursor:pointer}.motion-toggle:focus-visible{outline:2px solid #a5c9ff;outline-offset:4px}
.latest-panel{display:flex;flex-direction:row;align-items:center;gap:28px;padding:20px 26px;background:#fff!important;border-color:#e2e8f4}.latest-panel>.section-row{min-width:130px}.latest-panel #home-latest{display:flex;align-items:center;justify-content:space-between;gap:28px;flex:1}.latest-score{margin:0!important}.latest-score>strong{font-size:34px!important;color:#244f9e!important}.latest-actions{margin:0!important}.empty-home{padding:0!important}.latest-panel h2{font-size:15px!important}
.concept-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.concept-deck article{padding:24px;border:1px solid #e0e8f5;border-radius:16px;background:linear-gradient(145deg,#fff,#f2f6ff);transition:transform .2s,box-shadow .2s}.concept-deck article:hover{transform:translateY(-3px);box-shadow:0 12px 26px #254b9310}.concept-deck article>span{color:#5379bc;font-size:10px;letter-spacing:.1em}.concept-deck h3{font-size:18px;font-weight:600;margin:13px 0 8px;letter-spacing:-.02em}.concept-deck p{font-size:13px;color:#65748c;line-height:1.8;margin:0}.concept-flow{border-top:1px solid #e2e9f6;padding-top:16px;margin-top:20px;color:#315d9e;font-size:12px}.concept-flow b{font-weight:400;color:#8ca5cd;margin:0 7px}
.home-course-intro{border-color:#e0e7f2}.home-course-intro p,.page-heading p,.date-label,.muted{color:#68758a}.capability-map{background:#fff!important;border-color:#e2e8f4!important}.capability-map h2,.capability-map h3{color:#1d355e}.capability-map button[aria-pressed=true]{background:#eaf1ff!important;color:#245bc1!important;border-color:#a8c0ed!important}.metrics{border-color:#e0e7f2}.metric strong{color:#274f95!important}
.identity-shell{background:#f4f7fd}.identity-story{background:radial-gradient(ellipse at 80% 30%,#285bd1,transparent 55%),linear-gradient(145deg,#0b1531,#172d60)!important;color:white}.identity-story h1{color:white}.identity-story p{color:#c2d3f4}.identity-form{background:#fff}
.home-motion-paused .aurora-field i,.home-motion-paused .typing-caret{animation-play-state:paused}
@keyframes auroraSweep{from{transform:translate(-8%,-40px) rotate(-23deg)}to{transform:translate(8%,60px) rotate(-10deg)}}@keyframes cursorBlink{50%{opacity:0}}
@media(max-width:900px){.concept-deck{gap:10px}.concept-deck article{padding:18px}.latest-panel #home-latest{gap:16px;flex-wrap:wrap}}
@media(max-width:640px){.home-workspace .hero{min-height:380px;padding:30px 24px;border-radius:17px}.home-workspace .hero h2{font-size:34px}.theory-line{font-size:12px;gap:6px}.theory-prefix{display:none}.motion-toggle{right:0;top:-8px}.latest-panel{display:block;padding:18px}.latest-panel #home-latest{display:block}.latest-score{margin:14px 0!important}.concept-deck{grid-template-columns:1fr}.concept-deck article{padding:20px}.concept-flow{margin-top:12px;padding-top:12px}.home-workspace .hero p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.aurora-field i,.typing-caret{animation:none}.concept-deck article{transition:none}}
.home-workspace .hero{background:linear-gradient(130deg,#080f26,#102550 60%,#15295d)!important;border:1px solid #263c66}
.identity-wrap{background:radial-gradient(ellipse at 10% 20%,#dce8ff,transparent 55%),#f6f9ff!important}.identity-wrap:before,.identity-wrap:after{display:none!important}.identity-intro h1{color:#173563!important}.identity-intro .zhan-logo{margin-bottom:36px!important}.identity-intro>p{color:#526581!important}.identity-form{border-color:#e0e7f5!important;box-shadow:0 20px 80px #23447d0b!important}.zhan-logo{color:#19396b!important}.zhan-logo>.zhan-logo-mark{background:linear-gradient(140deg,#4d80ff,#254cc2)!important}.avatar{background:#e6edff!important;color:#3f63a7!important}
@media(max-width:640px){.home-workspace .hero h2{font-size:28px;line-height:1.35;letter-spacing:-.04em}.app-sidebar .workspace-brand{display:none!important}.mobile-brand{color:#264b87!important}.topbar{background:#f6f8fc!important}.home-workspace .hero{min-height:360px}.theory-line{min-height:36px}}

/* Shared visual contract: one identity, calm blue surfaces, readable overlays. */
:root{--ink:#202e46;--muted:#64738b;--paper:#f5f7fc;--green:#315fc9;--line:#e0e6f0;--accent:#315fc9}
body{color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.workspace-brand-mark,.portal-mark,.zhan-logo-mark{box-sizing:border-box!important;width:32px!important;height:32px!important;flex:0 0 32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:linear-gradient(145deg,#527cec,#2a51b2)!important;border:1px solid #6e90e155!important;color:#fff!important;font:600 20px/1 "PingFang SC","Microsoft YaHei",sans-serif!important;box-shadow:0 3px 10px #214ea216!important;overflow:visible!important}
.workspace-brand-line{gap:9px;align-items:center;line-height:32px}
#workspace-navigation .workspace-brand,.app-sidebar .workspace-brand{color:#202e46;font-size:18px!important;font-weight:600!important;min-height:32px}
.zhan-logo>span:last-child{background:none!important;color:#202e46!important}.portal-brand strong{font-size:18px!important;font-weight:600!important}.portal-brand .portal-mark{color:#fff!important}
.app-sidebar,#workspace-navigation{background:#eff3fa!important;border-color:#dde5f1!important}
button,input,select,textarea{font-family:inherit}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #507ce0;outline-offset:3px}
button.primary,.primary:not(a){background:linear-gradient(135deg,#396bd8,#3154b9);border-color:#3962c7;color:#fff}
dialog{background:#fff;color:#202e46;border:1px solid #dce4f1;box-shadow:0 24px 80px #132c5b26}dialog::backdrop{background:rgba(15,28,52,.38);backdrop-filter:blur(5px)}
.topbar{background:#f5f7fc!important;color:#202e46}.workspace-page-label{font-size:13px!important;color:#68768d}
#chapters button.active,#chapters a.active{background:#e6eeff;color:#2857bd}.course-block callout,.callout{border-color:#cbdaf7;background:#f2f6ff}
.tag{color:#385c9c;background:#eaf0fb}th{background:#f2f5fa!important;color:#63738c!important}tbody tr:hover{background:#f5f8ff!important}
@media(max-width:640px){.portal-mark,.workspace-brand-mark,.zhan-logo-mark{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:19px!important}}
:root{--soft:#edf2fb;--surface:#fff}
.disclosure{background:#fff!important;border:1px solid #e1e7f1!important;box-shadow:none!important}.disclosure>summary{min-height:38px;font-size:13px}
@media(min-width:761px){.app-sidebar{height:100dvh;display:flex;flex-direction:column}.app-sidebar .sidebar-role{margin-top:auto}.app-sidebar .sidebar-account{flex-shrink:0}.app-sidebar .sidebar-note{display:none}}
@media(min-width:761px){.app-sidebar .app-nav{flex:1;min-height:0;overflow-y:auto;padding-bottom:12px;scrollbar-width:thin}.app-sidebar .sidebar-role{margin-top:8px;flex-shrink:0}}
/* User lists remain actionable on narrow screens, without floating count overlays. */
body:has(.user-main) #status{position:static!important;inset:auto!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:12px;color:#64738b}
@media(max-width:640px){.user-main .user-table{overflow:visible;padding:0 16px}.user-main table,.user-main tbody{display:block}.user-main thead{display:none}.user-main #rows tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 0;border-bottom:1px solid #e0e6f0}.user-main #rows td{display:block;border:0;padding:0;white-space:normal;font-size:13px;overflow-wrap:anywhere}.user-main #rows td:nth-child(1){font-weight:600}.user-main #rows td:nth-child(3){color:#526b98}.user-main #rows td:nth-child(4){color:#748198;font-size:12px}.user-main #rows td:last-child{grid-column:1/-1;padding-top:5px}.user-main #rows td button{width:100%}.user-main .filters{gap:8px}.user-main .filters input{flex-basis:100%}.user-main .filters select{flex:1}.user-main h1{font-size:23px}}
#live-status:not(:empty){position:static!important;transform:none!important;width:auto!important;max-width:none!important;margin:0 0 12px!important;padding:10px 14px!important;border:1px solid #dce6f7!important;border-radius:9px;background:#f0f5ff!important;color:#46608b;box-shadow:none!important;font-size:12px;line-height:1.6}
.skeleton{background:linear-gradient(100deg,#f0f3f9 20%,#f8faff 45%,#edf2fa 70%);background-size:200% 100%}