/* Native scrolling with visible, immediately theme-aware scrollbar surfaces. */
html{color-scheme:light;scrollbar-gutter:stable;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:auto}
html:has(body.dark){color-scheme:dark}
body:has(>aside[role=note][data-no-translate]) nav{position:sticky;top:0}
body:has(>aside[role=note][data-no-translate]) .prelaunch-notice{margin-block:0}
.btn-secondary{color:var(--text);border-color:#34719c}
body.dark .btn-secondary{border-color:#81bddf}
nav .btn-secondary,.hero .btn-secondary,.page-hero .btn-secondary,.preset-premium .btn-secondary{color:#dff3ff;border-color:#81bddf}
.notification-icon{display:none;width:20px;height:20px}
@media(max-width:600px){nav .theme-toggle{width:36px!important;height:40px;display:grid;place-items:center}}
@media(max-width:600px){nav .theme-toggle .theme-label,nav .theme-toggle .theme-knob{display:none!important}nav .theme-toggle .theme-label::after{content:none!important}nav .theme-toggle::before{content:'◐';font-size:1.25rem;line-height:1}}
@media(max-width:600px){.notification-icon{display:block}.notification-label{display:none}.notification-nav{padding:.5rem;min-width:40px;height:40px}.notification-nav [data-notification-count]{font-size:.72rem}.btn-signin{min-width:36px;width:36px;padding:.4rem!important}.btn-signin .signin-label{display:none}.btn-signin .signin-icon{display:block;width:20px;height:20px}.theme-toggle{min-width:36px!important}.nav-right{gap:.25rem}.workspace-tiles>a{font-size:1rem}}
main .section-kicker,main .eyebrow{color:#236188}
body.dark main .section-kicker,body.dark main .eyebrow{color:#9aceec}
*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:auto}
*::-webkit-scrollbar{width:14px;height:14px;background:var(--scrollbar-track)}
*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px;transition:none}
*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:3px solid var(--scrollbar-track);border-radius:999px;min-height:40px;transition:none}
*::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-hover)}
*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}
@media(forced-colors:active){html,*{scrollbar-color:auto}*::-webkit-scrollbar,*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-corner{background:revert;border-color:revert}}
.progress-shell::before,.progress-shell::after{content:none!important;display:none!important}
.progress-shell{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)}
.progress-shell :is(h2,h3,strong,.progress-kicker){color:var(--text)!important}
.progress-shell :is(span,small,time,.muted){color:var(--muted)}
.score-pair article{background:var(--card)}
.score-pair strong,.homework-grade strong{color:var(--text)!important}
.course-progress-fill{background:#2767b4}
body.dark .course-progress-fill{background:#8ec5ff}
.homework-state,.homework-status,.status-badge{white-space:nowrap;flex:0 0 auto;line-height:1.3}
.password-control input,[data-password-control],html[dir=rtl] .password-control input{direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important}
.password-control{direction:ltr}
.resource-tag,.resource-type-tag,.resources-grid .status-badge{display:inline-flex;justify-content:center;align-items:center;width:140px;min-height:34px;text-align:center;position:static;margin-inline:auto}
.resource-tile .pill,.resource-tile .btn-secondary{align-self:center;justify-content:center;min-width:150px;text-align:center}
.workspace{max-width:1280px}
.workspace-card{margin-block:1.2rem;padding:1.4rem;overflow:visible}
.workspace-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1.5rem}
.workspace-tiles>a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:90px;padding:1rem;white-space:normal;font-size:1.1rem}
.workspace-stats,.parent-nav-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1.3rem}
.workspace-stats article{padding:1.2rem}
.workspace-stats strong{display:block;font-size:2rem;color:var(--text);margin-top:.5rem}
.parent-nav-cards button{min-height:100px;padding:1.2rem;font:inherit;font-weight:800;color:var(--text);cursor:pointer;background:var(--card)}
.parent-nav-cards [aria-selected=true]{outline:2px solid #397bc7;outline-offset:2px}
.workspace-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-block:1.3rem}
.workspace-tabs [aria-pressed=true]{outline:2px solid #397bc7}
.workspace-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.workspace-resource{display:flex;flex-direction:column;align-items:center;text-align:center}
.workspace-resource .btn-secondary{margin-top:auto;min-width:150px;min-height:44px;justify-content:center}
.workspace-dialog{color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.5rem;width:min(600px,calc(100vw - 2rem));max-height:80vh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.workspace-dialog::backdrop{background:rgba(5,18,34,.55)}
.workspace-dialog .notification-list{display:grid;gap:.7rem}
.workspace-dialog .notification-item{display:flex;flex-direction:column;gap:.4rem;padding:1rem}
.workspace-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}
.workspace-calendar-grid .workspace-day{min-width:0;min-height:100px;display:flex;flex-direction:column;text-align:start;gap:.3rem;padding:.5rem;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:8px;cursor:pointer}
.workspace-day small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;color:var(--muted)}
.workspace-day.selected{outline:2px solid #397bc7;outline-offset:-2px}
.calendar-selected{margin-top:1rem}
.teacher-lesson{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.module-editor{border-block-end:1px solid var(--line);padding-block:1.2rem;display:grid;gap:.6rem}
.custom-page-copy{white-space:pre-wrap;overflow-wrap:anywhere}
.workspace input,.workspace select,.workspace textarea{width:100%;max-width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);padding:.7rem .8rem}
.workspace :is(input,textarea):focus-visible{outline:2px solid #3777ae;outline-offset:2px}
body.dark .workspace :is(input,textarea):focus-visible{outline-color:#9bc9eb}
.workspace input[type=checkbox]{width:20px;height:20px;accent-color:#367fbb;flex:none}
.workspace details summary{cursor:pointer;font-weight:700}
.workspace details[open]>form{margin-top:1rem}
.workspace .stack{display:grid;gap:.8rem}
.workspace label{display:grid;gap:.4rem}
.workspace .check-row{display:flex}
body.dark .homework-state{color:#c9e3ff!important}
body.dark .homework-glass-card.status-overdue .homework-state{color:#ffb3b3!important}
body.dark .homework-glass-card.status-graded .homework-state{color:#aaf2c0!important}
@media(max-width:760px){.workspace-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-stats,.parent-nav-cards{gap:.5rem}.parent-nav-cards button{padding:.6rem;min-height:90px;font-size:.9rem}.workspace-stats article{padding:.7rem}.workspace-stats strong{font-size:1.45rem}.workspace-resource-grid{grid-template-columns:1fr}.workspace-card{padding:1rem}.workspace-calendar-grid .workspace-day{min-height:65px;padding:.3rem}.workspace-day small{font-size:.62rem}.teacher-lesson{align-items:start;flex-direction:column}.notification-nav{font-size:.8rem;padding:.4rem .6rem}.workspace .row{flex-wrap:wrap}}