/* Shared classroom workspace: no remote fonts, images or UI framework. */
:root{--ink:#24334c;--muted:#68758a;--green:#3478ee;--green-dark:#245ed0;--lime:#e9f1ff;--bg:#f4f6fa;--line:#e5eaf2}
body{font-size:14px;color:var(--ink)}
.sidebar{background:#fff;border-right:1px solid var(--line);color:var(--ink)}
.sidebar .brand{color:#24334c}.brand-mark{background:#3478ee;color:#fff;border-radius:10px}.brand-sub{color:#7d8a9b}
.workspace-label{color:#8591a3}.nav-item{font-size:14px;color:#5f6c80;min-height:46px;border-radius:8px}.nav-item.active{background:#eaf1ff;color:#2869dd;font-weight:600}.nav-item:hover{background:#f1f5fc;color:#2869dd}.nav-divider{display:block;border-top:1px solid var(--line);margin:18px 8px 10px}
.sidebar-bottom{color:#65748b}.local-status{color:#687b94}.user-card{border-color:var(--line);color:var(--ink)}.user-card strong{color:var(--ink)}.user-card small{color:#6e7f96}.avatar{background:#edf3ff;color:#3975d7}
.content{max-width:1700px;margin:auto;width:100%;padding:30px 36px}.topbar{background:#fff;border-color:var(--line)}.topbar-actions .account-badge{font-size:13px;color:#5f6d83}.page-heading p{font-size:14px;color:#68758a}h1{font-size:27px;letter-spacing:0}
.button{border-radius:7px;font-size:14px}.button.primary:hover:not(:disabled){background:#2464d4}.button.secondary{color:#48607f;border-color:#dce4ef}.text-button{color:#3478ee}.button.ghost{color:#65748a}.pill.success{background:#e9f7f0;color:#25825b}.pill.neutral{background:#f0f3f8;color:#65748a}
.home-heading{margin-bottom:22px}.home-welcome{background:#eaf1ff;border:1px solid #dee9fb;border-radius:12px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;overflow:hidden}.welcome-greeting{color:#5575a5;font-size:13px}.home-welcome h2{font-size:24px;margin:6px 0;color:#264c86}.home-welcome p{color:#657e9f;font-size:13px}.home-welcome-icon{background:#dce9ff;border-radius:50%;width:90px;height:90px;display:grid;place-items:center;transform:rotate(-10deg);margin:0 22px}.home-welcome-icon .icon{width:45px;height:45px;color:#6698e8}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}.home-aside{display:flex;flex-direction:column;gap:20px}.home-aside .card{padding:22px}.home-aside h2{font-size:16px}.home-aside .card-heading{margin-bottom:18px}.home-aside input{font-size:13px}.quick-help{font-size:12px;color:#78859a;line-height:1.8;margin-top:15px}.home-connect p{font-size:13px;color:#68758a;margin-bottom:18px}
.course-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);margin-bottom:18px}.course-filters{display:flex;gap:24px}.course-filter{background:none;border:0;border-bottom:3px solid transparent;padding:10px 0 14px;color:#6c7c93;font-size:14px;white-space:nowrap}.course-filter.selected{color:#3478ee;border-color:#3478ee;font-weight:600}.course-filter span{font-size:11px;background:#e9edf4;color:#73839c;border-radius:9px;padding:1px 6px;margin-left:3px}.course-search{display:flex;align-items:center;gap:10px;margin-bottom:20px;border:1px solid var(--line);border-radius:7px;padding:0 13px;background:white}.course-search .icon{width:17px;color:#8998af}.course-search input{border:0;outline-offset:0;min-height:43px;background:none;min-width:0;width:100%;font-size:13px;color:var(--ink)}
.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.course-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:box-shadow .15s}.course-card:hover{box-shadow:0 6px 20px #2d568e12}.course-cover{height:140px;position:relative;overflow:hidden;background:#e6efff;display:flex;align-items:center;padding:24px;color:#6393da}.course-cover>.icon{width:84px;height:84px;position:absolute;right:22px;bottom:-8px;stroke-width:1;color:#9dbef3;transform:rotate(-10deg)}.course-subject{font-size:14px;letter-spacing:2px;max-width:65%;color:#4b76b2}.course-cover>.pill{position:absolute;right:12px;top:12px;background:#ffffffd9;font-size:11px}.cover-1{background:#e6f3f1}.cover-1 .course-subject{color:#528982}.cover-1>.icon{color:#9dcac4}.cover-2{background:#f0edff}.cover-2 .course-subject{color:#8170b3}.cover-2>.icon{color:#beb1eb}
.course-body{padding:20px}.course-body h2{font-size:17px;line-height:1.6;overflow-wrap:anywhere;color:#2b3b53}.course-body>p{font-size:12px;color:#7a879a;margin-top:6px}.course-meta{display:flex;gap:10px;justify-content:space-between;margin:18px 0;color:#8995a7;font-size:12px}.course-body .button{min-height:39px;font-size:13px}
.home-shortcuts h2{margin-bottom:10px}.home-shortcuts>button{display:flex;align-items:center;gap:11px;background:none;border:0;padding:13px 0;width:100%;color:#516780;font-size:14px;text-align:left}.home-shortcuts>button>span{flex:1}.home-shortcuts>button>.icon:last-child{width:15px;color:#94a3b7}.home-shortcuts>button:hover{color:#3478ee}.home-shortcuts>button>.icon:first-child{background:#edf3ff;color:#4c88e9;box-sizing:content-box;padding:7px;border-radius:7px}
.invite-dialog{max-width:610px}.invite-dialog input{font-size:14px}.invite-address{display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0;font-size:12px;color:#728198}.invite-address input{grid-column:1;min-width:0;width:100%;padding:11px;background:#f6f8fc;color:#304a70;border:1px solid var(--line);border-radius:6px}.invite-address button{grid-column:2;grid-row:2}.invite-class-code{display:flex;gap:20px;align-items:center;padding:20px;background:#edf4ff;margin:20px 0;border-radius:8px;color:#496e9e}.invite-class-code strong{font:700 32px Consolas,monospace;letter-spacing:6px}
.login-story{background:#eaf1ff;color:#294c80}.login-story .brand{color:#2a4978}.login-story .brand-sub{color:#6c87ae}.login-story .eyebrow.light{color:#6c86ac}.story-content h1{color:#294c80;font-size:42px}.story-content>p{color:#6d85a9;font-size:15px}.story-footer{color:#7f95b4}.login-side{background:#fff}.login-box>p{font-size:13px;line-height:1.9}.login-box h2{font-size:29px;color:#24334c}.login-box .eyebrow{color:#8091aa}.login-box input{font-size:14px}.login-box .login-help{color:#7b8ba0;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.login-help summary{cursor:pointer;color:#64758e}.login-help p{margin-top:12px}.login-environment{margin-top:25px}.login-subjects{display:flex;gap:22px;flex-wrap:wrap;margin-top:45px;color:#6482b0;font-size:13px}.login-subjects>span{display:flex;gap:8px;align-items:center}
.activity-switch{background:white;border:1px solid var(--line);border-radius:9px;padding:17px 20px}.activity-option{background:#fff;border-color:var(--line);color:#63758e}.activity-option.selected{background:#edf4ff;border-color:#a8c6fa;color:#2869cf}.activity-option small{color:#778aa3}.activity-heading span{color:#7c8ea6}.classroom-heading h1{color:#293c58}.classroom-heading #room-subtitle{font-size:12px}.classroom-heading .back{font-size:12px}.screen-stage{background:#1d2d45}.screen-empty-icon{background:#2b4262;border-color:#3c5577;color:#a4c5ed}.screen-placeholder h2{color:#dce8f9}.screen-placeholder p{color:#9db3d1}.screen-card-bar{font-size:13px}.screen-tag{background:#eef3fa;color:#7187a5}.mode-notice{background:#eef3fa;color:#637c9d;border-color:#e1e9f4;font-size:12px}.join-card{background:#edf4ff;border-color:#dae7fb}.join-code{color:#3478ee}.join-card .eyebrow{color:#7089ab}.control-summary{background:#f4f7fc;border-color:var(--line)}.classroom-records>summary,.classroom-help>summary{cursor:pointer;font-size:13px;color:#667e9d}.classroom-records>.card-heading{margin-top:20px}.classroom-help p{font-size:12px;color:#72849d;line-height:1.9;margin:14px 0}.desktop-card .desktop-scope{font-size:12px}.classroom-aside .participant strong{color:#3c5579}.classroom-aside .card-heading h2{font-size:16px}.classroom-grid[data-activity] .diagnosis-card{border-color:var(--line)}
.classroom-course-links{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.classroom-course-links .button{font-size:12px}.course-return{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:12px 16px;border:1px solid var(--line);background:white;border-radius:8px;font-size:13px}.course-return strong{overflow-wrap:anywhere}
.desktop-card>details>summary{cursor:pointer;font-size:12px;color:#6d83a1;margin:10px 0}.classroom-aside .desktop-card h2{font-size:16px}.classroom-aside .desktop-card .card-heading{align-items:flex-start;flex-wrap:wrap}.activity-switch[data-role=student] .activity-option:not(.selected){display:none}.activity-switch[data-role=student] .activity-options{grid-template-columns:1fr}
@media(min-width:1500px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.content{padding:24px}.home-grid{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.course-grid{grid-template-columns:1fr}.home-aside .card{padding:18px}.course-cover{height:120px}.home-welcome{padding:23px}.home-welcome h2{font-size:21px}.home-welcome-icon{margin-right:0}.nav-item{font-size:13px}}
@media(max-width:700px){.content{padding:20px 16px}.sidebar{background:#fff;border-bottom:1px solid var(--line)}.sidebar nav{gap:6px}.nav-item{font-size:12px;min-height:38px;padding:8px 11px}.nav-divider{display:none}.home-grid{grid-template-columns:1fr}.home-aside{grid-row:1;display:grid;grid-template-columns:1fr}.home-shortcuts,.home-connect{display:none}.quick-class .card-heading{margin-bottom:10px}.quick-class form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.quick-class form label{margin:0}.quick-class #create-form{grid-template-columns:1fr}.quick-help{margin-top:10px}.home-welcome{padding:20px;margin-bottom:20px}.home-welcome h2{font-size:20px}.home-welcome p{font-size:12px}.home-welcome-icon{display:none}.course-filters{gap:20px}.course-filter{font-size:13px}.course-grid{grid-template-columns:1fr}.course-cover{height:125px}.home-heading h1{font-size:24px}.story-content h1{font-size:29px}.login-subjects{display:none}.login-side{padding:32px 24px}.invite-address{grid-template-columns:1fr}.invite-address button{grid-row:auto;grid-column:1}.classroom-grid[data-activity] .activity-option{min-width:0}.topbar-actions .account-badge{font-size:11px}.classroom-heading .button{font-size:12px}.activity-heading span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.home-grid.has-courses .home-aside{grid-row:auto}.home-grid.has-courses .home-aside{margin-top:8px}}