:root{--ink:#172b46;--muted:#52677b;--green:#146f67;--bg:#f3f6fa;--line:#dce5ee}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}button,.button{font-weight:600;min-height:40px;transition:background .15s,border-color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #60b7ba;outline-offset:3px}button:disabled{cursor:wait;opacity:.65}aside{background:#122b43;color:#cfdfed;border:0;padding-top:28px}aside .brand,aside .brand b{color:#fff}aside .brand span,aside .school,aside .school small{color:#aac0d3}aside .school{background:#ffffff08;border-color:#ffffff18;margin-top:28px}aside .school strong{color:#eef5fb}aside nav button{background:transparent;color:#b9ccdc;border-radius:10px}aside nav button:hover{background:#ffffff0c;color:#fff}aside nav button.active{background:#2d95802b;color:#8de4c6;box-shadow:inset 3px 0 #68d4b6}aside .tip p{color:#aac0d3}aside .profile{background:transparent;color:#fff;border-color:#ffffff22}aside .profile small{color:#b9ccdc}aside .profile i{background:#ffffff16;color:#9ae0cc}main>header{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px;gap:12px;flex-wrap:wrap}.localbadge{background:#e5f3ef;padding:9px 13px;border-radius:30px;font-size:12px;font-weight:700}#app{max-width:1700px;margin:auto}.heading h1{letter-spacing:-.045em;color:#142c45}.panel,.subject{border-color:#dce5ed;box-shadow:0 4px 18px #16304c05;border-radius:14px}.subject{transition:transform .15s,box-shadow .15s}.subject:hover{transform:translateY(-2px);box-shadow:0 12px 28px #16304c10}.subject h3{font-size:17px}.muted{line-height:1.7}.hero{background:linear-gradient(110deg,#e1f0eb,#edf5f3);border:1px solid #cde4dc}.syncBar8{background:#fff;margin-top:0;border-bottom:1px solid var(--line);padding-top:17px;padding-bottom:17px}.tooltabs{gap:7px;line-height:1.5}.tooltabs button{border-radius:24px}.tooltabs button.selected{background:#173951;color:#fff;border-color:#173951}.identityCard9{background:#eaf2f9;border:1px solid #cadae9;padding:22px;border-radius:14px;display:flex;gap:24px;justify-content:space-between;margin-bottom:25px}.identityCard9 strong,.identityCard9 span{display:block;margin-top:5px}.identityCard9 strong{font-size:25px}.identityCard9 small{font-size:10px;letter-spacing:.13em}.identityCard9 p{max-width:410px;line-height:1.7;margin:0}.guidedBar9{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;background:#eef3fa;border:1px solid #d9e4ee;border-radius:12px;margin:15px 0}.guidedBar9 small{display:block;color:#52677b;margin-top:5px;font-size:11px}.guidedFields9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.guidedFields9 textarea{min-height:150px}.guidedAnswer9{margin-top:20px;border:1px solid #cbe2da;background:#eff8f4;padding:20px;border-radius:12px;overflow-wrap:anywhere}.guidedAnswer9 li{line-height:1.9}.cancelOTP9{margin:18px 0}.cancelOTP9 button{width:100%;border-color:#c9d4e0;color:#344c65}.auth7{max-width:540px}.auth7>.panel{box-shadow:0 22px 65px #17395810}.auth7 h1{letter-spacing:-.035em}.resend7{background:#eff5fa;border:1px solid #dce7ef;padding:17px;border-radius:12px;margin-top:22px}.resend7 button{width:100%}.landing7{background:radial-gradient(ellipse at 85% 15%,#e5f2f0,transparent 48%),#f7f9fc}.landing7 .nav7{box-shadow:0 2px 18px #172b4606}.landing7 .heroLab7{box-shadow:0 30px 75px #19385016}.hoursPanel8{border-radius:14px}.saveStatus{max-width:calc(100vw - 24px)}@media(max-width:700px){aside{background:#122b43}aside nav button span{font-size:12px}main>header{padding:12px 16px}.localbadge{display:inline-block}main>header>div{gap:8px;flex-wrap:wrap}.identityCard9{display:block}.identityCard9 p{margin-top:15px}.guidedBar9{align-items:flex-start;flex-direction:column}.guidedFields9{grid-template-columns:1fr}.hero h2{font-size:25px}.auth7{margin:20px auto;padding:0 16px}.heading{flex-wrap:wrap}aside nav{scrollbar-width:thin}#toast{max-width:94vw;width:max-content}.syncBar8{padding:15px 20px}}@media(prefers-reduced-motion:reduce){button,.subject{transition:none}.subject:hover{transform:none}}

/* Layout 9.2: navigation, main editor and course sidebar have explicit positions. */
body>aside{position:fixed;inset:0 auto 0 0;width:258px;height:100dvh;overflow-y:auto;z-index:20;display:flex;flex-direction:column}
body>main{margin-left:258px;min-width:0}
body>aside>nav{flex:1 0 auto;display:block}
body>aside .sidebottom{display:block;margin-top:24px}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px!important;align-items:start;gap:22px}
.workspace>#tool.workspace-main{grid-column:1;grid-row:1;min-width:0;width:100%}
.workspace>.workspace-sidebar{grid-column:2;grid-row:1;min-width:0;display:block}
.workspace>.workspace-sidebar>.panel{margin:0 0 18px}
.workspace>#tool>.guidedBar9{grid-column:auto;grid-row:auto}
@media(min-width:701px) and (max-width:1100px){body>aside{width:220px}body>main{margin-left:220px}.workspace{grid-template-columns:minmax(0,1fr) 240px!important}}
@media(max-width:950px){.workspace{grid-template-columns:minmax(0,1fr)!important}.workspace>.workspace-sidebar{grid-column:1;grid-row:2}}
@media(max-width:700px){body>aside{position:relative;inset:auto;width:100%;height:auto;overflow:visible;padding:16px}body>main{margin-left:0}body>aside>nav{display:flex;flex-wrap:wrap;overflow:visible;gap:4px}body>aside>nav>button{width:auto;margin:0;padding:10px}body>aside .sidebottom{display:block;margin-top:12px}body>aside .tip{display:none}body>aside .profile{margin:0;padding:10px 0 0}body>aside .school{display:none}.workspace{grid-template-columns:minmax(0,1fr)!important}.workspace>.workspace-sidebar{grid-column:1;grid-row:2}}