/* Scoped classroom palette. No changes to the global navigation or learning views. */
.cc-studio{--cc-ink:#172540;--cc-muted:#69768e;--cc-line:#e2e7f0;--cc-card:#fff;--cc-soft:#f4f6fb;--cc-accent:#4762e9;max-width:1480px;margin:0 auto;color:var(--cc-ink);font-family:inherit;display:block!important;width:100%;box-sizing:border-box}
.cc-studio *,.cc-device *,.cc-support *{box-sizing:border-box}.cc-studio svg,.cc-device svg,.cc-support svg,.cc-button svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}
.cc-studio #classPanel28,#main.sf-live1 .cc-studio #classPanel28{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.cc-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.cc-eyebrow{display:block;color:var(--cc-accent);font-size:10px;font-weight:800;letter-spacing:1.8px;margin-bottom:8px}.cc-heading h1{font-size:25px;line-height:1.25;letter-spacing:-.8px;margin:0 0 7px;font-weight:800}.cc-heading p{font-size:13px;color:var(--cc-muted);margin:0}.cc-status{display:inline-flex;gap:8px;align-items:center;background:var(--cc-card);border:1px solid var(--cc-line);border-radius:30px;padding:9px 13px;font-size:11px;white-space:nowrap}.cc-status i{height:6px;width:6px;background:#8290a8;border-radius:50%}.cc-status.ready{color:#207363;background:#edf8f3;border-color:#d7ebe2}.cc-status.ready i{background:#3d9a78}.cc-status.limited{color:#92621d;background:#fff8e9;border-color:#efdfb9}.cc-status.limited i{background:#c08a30}
.cc-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center;border:1px solid #e0e6fc;border-radius:22px;padding:28px 36px;background:linear-gradient(110deg,#f0f3ff,#edf3ff 56%,#f8f4ff);overflow:hidden;position:relative;margin-bottom:18px}.cc-hero h2{font-size:29px;line-height:1.3;letter-spacing:-1.15px;margin:0 0 10px;font-weight:800}.cc-hero p{font-size:12px;line-height:1.7;margin:0;color:#677593}.cc-hero-actions{display:flex;align-items:center;gap:10px;margin-top:18px}.cc-button{font-family:inherit;display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:650;cursor:pointer;line-height:1.4;text-decoration:none;background:none;white-space:nowrap;transition:background .15s,box-shadow .15s;color:inherit}.cc-primary{background:#4762e9;color:#fff;box-shadow:0 4px 12px #405fe51a}.cc-primary:hover:not(:disabled){background:#364fd1}.cc-secondary{border-color:#dce2ef;background:var(--cc-card,#fff);color:#3b4e79}.cc-secondary:hover:not(:disabled){border-color:#9daff0;background:#f6f8ff}.cc-quiet{color:#667493;padding:7px 9px}.cc-quiet:hover:not(:disabled){background:#e9eef9;color:#2c438f}.cc-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.cc-studio :focus-visible,.cc-device :focus-visible,.cc-support :focus-visible{outline:3px solid #7c8eec;outline-offset:3px}.cc-art{padding:8px 12px 8px 35px;max-width:500px;width:100%;justify-self:end}.cc-art-board{border:1px solid #e3e6f2;border-radius:15px;background:#fff;box-shadow:0 14px 35px #4f62a313;transform:rotate(-2deg);overflow:hidden}.cc-art-top{display:flex;justify-content:space-between;align-items:center;background:#f8f9ff;padding:10px 15px;border-bottom:1px solid #eef0f7;color:#9aa5bd;font-size:9px}.cc-art-top>span:first-child{display:flex;gap:4px}.cc-art-top i{width:5px;height:5px;border-radius:50%;background:#e0e5f3}.cc-art-top i:first-child{background:#edb5c4}.cc-art-top b{font-weight:600;color:#8390aa}.cc-art-code{padding:23px 25px}.cc-art-code small{display:block;font-size:10px;color:#8190ac;margin-bottom:10px}.cc-art-code code{display:block;font:15px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#344571;background:transparent;padding:0}.cc-art-code em{font-style:normal;color:#8b6bc4}.cc-art-code code span{color:#3c9a92}.cc-art-bottom{display:flex;gap:10px;align-items:center;border-top:1px solid #f0f2f8;padding:11px 17px;font-size:9px;color:#8794af}.cc-art-bottom>b{color:#e49bbb;font-size:23px;margin-left:auto}.cc-avatars{display:flex;padding-left:5px}.cc-avatars i{display:grid;place-items:center;width:24px;height:24px;border:2px solid white;border-radius:50%;margin-left:-5px;font-style:normal;font-size:9px;background:#e2e7ff;color:#5a67a7}.cc-avatars i:nth-child(2){background:#f7e3ed;color:#b17b99}.cc-avatars i:nth-child(3){background:#e0f0e9;color:#729185}
.cc-tabs{display:flex;align-items:center;border-bottom:1px solid var(--cc-line);gap:20px;margin-bottom:17px}.cc-tabs>button{display:flex;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:700;border:0;border-bottom:3px solid transparent;color:#8390a7;background:transparent;padding:12px 3px 14px;cursor:pointer}.cc-tabs>button[aria-selected=true]{color:var(--cc-accent);border-bottom-color:var(--cc-accent)}.cc-tabs>button span{border-radius:6px;font-size:10px;padding:2px 5px;background:#e8ecff;min-width:20px;text-align:center}.cc-tabs>small{margin-left:auto;color:var(--cc-muted);font-size:10px}.cc-tabs .cc-help-live{color:#24836e;background:#e9f6ef}.cc-columns{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:18px}.cc-card{background:var(--cc-card);border:1px solid var(--cc-line);border-radius:17px;min-width:0}.cc-lessons{padding:21px 23px 0;display:flex;flex-direction:column}.cc-card-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px}.cc-card-heading .cc-eyebrow{font-size:9px;margin-bottom:5px}.cc-card h2{font-size:17px;letter-spacing:-.5px;margin:0}.cc-card-heading h2>span{font-size:12px;color:#939eb5;margin-left:5px;font-weight:500}.cc-filters{display:flex;gap:9px;margin-bottom:12px}.cc-search{display:flex;align-items:center;gap:8px;min-width:0;flex:1;background:var(--cc-soft);border:1px solid var(--cc-line);border-radius:9px;padding:0 11px;color:#8d9bb4}.cc-search input{font-family:inherit;width:100%;min-width:0;border:0;padding:10px 0;background:transparent;font-size:11px;color:var(--cc-ink);outline:none}.cc-search:focus-within{outline:2px solid #8595ef;outline-offset:1px}.cc-search input::placeholder{color:#8c9bb3}.cc-filters select{font-family:inherit;color:var(--cc-muted);font-size:11px;border:1px solid var(--cc-line);background:var(--cc-card);border-radius:9px;max-width:180px;padding:10px 24px 10px 12px}.cc-empty{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:211px;padding:23px 15px}.cc-empty-icon{display:grid;place-items:center;background:#eff2ff;border:1px solid #e5eafe;width:52px;height:52px;border-radius:17px;color:#8494d9;margin-bottom:13px}.cc-empty-icon svg{width:25px;height:25px}.cc-empty h3{font-size:15px;margin:0 0 8px;font-weight:700;letter-spacing:-.3px}.cc-empty p{font-size:11px;line-height:1.7;color:var(--cc-muted);max-width:420px;margin:0 0 16px}.cc-empty>.cc-button{font-size:11px;padding:8px 12px}.cc-list-foot{display:flex;align-items:center;gap:7px;border-top:1px solid var(--cc-line);font-size:10px;color:#8b98ae;padding:9px 0;margin-top:auto}.cc-list-foot>svg{width:14px;height:14px}.cc-list-foot>.cc-button{margin-left:auto;font-size:10px;padding:5px}.cc-side{display:flex;flex-direction:column;gap:13px}.cc-preflight{padding:23px;background:linear-gradient(135deg,var(--cc-card),var(--cc-soft));display:flex;flex-direction:column;align-items:flex-start}.cc-side-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--cc-line);border-radius:11px;background:var(--cc-card);color:#6d81c4;margin-bottom:17px}.cc-preflight .cc-eyebrow{font-size:9px}.cc-preflight h2{font-size:19px;line-height:1.5;margin-bottom:9px}.cc-preflight p{font-size:11px;line-height:1.7;color:var(--cc-muted);margin:0 0 17px}.cc-preflight .cc-button{width:100%;font-size:11px;padding:9px}.cc-preflight>small{font-size:9px;color:#8e9ab2;margin-top:10px;align-self:center}.cc-tip{display:flex;gap:10px;padding:5px 9px}.cc-tip>span{color:#8291ad}.cc-tip svg{width:16px;height:16px}.cc-tip b{font-size:11px}.cc-tip p{color:var(--cc-muted);font-size:10px;line-height:1.7;margin:5px 0 0}.cc-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#8c98ad;margin-top:12px;font-size:10px}.cc-foot>span{display:flex;align-items:center;gap:6px;line-height:1.6}.cc-foot svg{width:14px;height:14px}.cc-foot .cc-button{font-size:10px}.cc-notice{display:flex;gap:12px;align-items:center;border:1px solid #efe2c6;background:#fffbf3;color:#8c6629;border-radius:12px;padding:13px 16px;margin-bottom:15px}.cc-notice>div{flex:1}.cc-notice strong{font-size:12px}.cc-notice p{font-size:11px;line-height:1.7;margin:4px 0 0}.cc-notice small{font-size:10px;line-height:1.7}.cc-notice .cc-button{font-size:11px}.cc-error{background:#fff4f3;color:#a3554c;border-color:#f0d7d4}.cc-app-notice{background:#f0f4ff;color:#4a6098;border-color:#dce5fc}
.cc-lesson{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--cc-line)}.cc-lesson:last-child{border:0}.cc-lesson-symbol{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#edf1ff;color:#7288da;flex-shrink:0}.cc-lesson-copy{flex:1;min-width:0}.cc-lesson-copy h3{font-size:14px;margin:7px 0 5px;overflow-wrap:anywhere}.cc-lesson-copy p{font-size:11px;color:var(--cc-muted);margin:0}.cc-lesson-copy p span{padding:0 7px}.cc-tags{display:flex;gap:5px;flex-wrap:wrap}.cc-tag{display:inline-block;border-radius:5px;background:var(--cc-soft);color:var(--cc-muted);font-size:9px;padding:3px 6px}.cc-tag-live{color:#2b9078;background:#e9f7ef}.cc-tag-record{color:#ad625e;background:#fff0ef}.cc-lesson>.cc-button{font-size:11px;padding:9px 12px}.cc-pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--cc-line);color:var(--cc-muted);font-size:10px;padding:8px 0}.cc-pagination>div{display:flex;gap:9px;align-items:center}.cc-pagination .cc-button{font-size:10px}.cc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cc-help-content .assist-page27{border:1px solid var(--cc-line);border-radius:17px;background:var(--cc-card);padding:22px}.cc-help-content .class-heading28{padding-bottom:18px}.cc-help-content .class-heading28 h2{font-size:19px}.cc-help-content .class-heading28 p{font-size:12px}.cc-help-content .class-how28{margin-top:18px;border-radius:12px;background:var(--cc-soft)}.cc-help-content .assist-status-card27{box-shadow:none;border-color:var(--cc-line);border-radius:12px}.cc-help-content .assist-class27{border-radius:12px}.cc-help-bottom{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.cc-help-app{padding:35px;display:flex;align-items:center;flex-direction:column;text-align:center}.cc-help-app p{font-size:13px;line-height:1.8;color:var(--cc-muted)}
#ccDevices,#ccSupport{max-width:650px;width:calc(100vw - 36px);border:1px solid #dce3f3;border-radius:20px;padding:26px;color:#24314d;background:#fff;box-shadow:0 24px 70px #101c4930}#ccDevices h2,#ccSupport h2{font-size:20px;margin:0 0 12px}#ccDevices::backdrop,#ccSupport::backdrop{background:#18274966;backdrop-filter:blur(3px)}.cc-device p,.cc-support p{font-size:12px;line-height:1.75;color:#78859b}.cc-preview{background:#eef2fa;border:1px solid #e1e7f3;border-radius:14px;aspect-ratio:16/9;display:grid;place-items:center;position:relative;overflow:hidden;color:#90a0bb;font-size:12px}.cc-preview>span{display:flex;align-items:center;gap:10px}.cc-preview video{display:none;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cc-preview.on video{display:block}.cc-preview.on>span{display:none}.cc-device-buttons{display:flex;gap:8px;margin:14px 0}.cc-device-buttons .cc-button{flex:1;padding:9px 6px}.cc-meter-label{display:flex;align-items:center;gap:13px;font-size:11px;color:#76849d}.cc-meter-label meter{flex:1;height:16px}.cc-device footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e9f2;padding-top:15px;margin-top:16px}.cc-device footer small{font-size:10px;color:#8390a6}.cc-device-message{min-height:40px}.cc-table-wrap{overflow-x:auto}.cc-support table{border-collapse:collapse;width:100%;min-width:410px;font-size:11px;line-height:1.6}.cc-support td,.cc-support th{text-align:left;padding:12px 9px;border-bottom:1px solid #e4e9f2}.cc-support thead{background:#f2f5fc;color:#4b5f90}.cc-support-note{font-size:11px!important}.cc-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
/* Supersede the older screen-fit spacing only in this new surface. */
#main.sf-live1 .cc-studio{padding:0!important}#main.sf-live1 .cc-studio .cc-heading{margin-bottom:18px!important}#main.sf-live1 .cc-studio .cc-hero{margin-bottom:18px!important}#main.sf-live1 .cc-studio h1{white-space:normal}#main.sf-live1 .cc-studio #classPanel28{overflow:visible;min-height:0}
[data-theme=dark] .cc-studio{--cc-ink:#e4eafa;--cc-muted:#9aa8c1;--cc-card:#1b2942;--cc-line:#34415c;--cc-soft:#22314c;--cc-accent:#9dafff}[data-theme=dark] .cc-hero{background:linear-gradient(110deg,#263659,#2e3154);border-color:#3a496c}[data-theme=dark] .cc-hero p{color:#bac7e1}[data-theme=dark] .cc-secondary{color:#c5d2f2;border-color:#455575}[data-theme=dark] .cc-quiet{color:#b0bfdd}[data-theme=dark] .cc-help-content .assist-page27{color:var(--cc-ink)}
@media(min-width:1100px) and (max-height:880px){.cc-heading{margin-bottom:14px}.cc-hero{padding:20px 30px;gap:20px}.cc-hero h2{font-size:25px}.cc-hero-actions{margin-top:13px}.cc-art{max-width:390px;padding:0 18px}.cc-art-code{padding:16px 23px}.cc-empty{min-height:176px;padding:17px 10px}.cc-lessons{padding-top:17px}.cc-preflight{padding:18px 22px}.cc-side-icon{margin-bottom:12px}.cc-preflight h2{font-size:17px}.cc-preflight p{margin-bottom:11px}.cc-tip{padding-top:0}.cc-hero .cc-eyebrow{margin-bottom:6px}.cc-card-heading{margin-bottom:13px}}
@media(max-width:1100px){.cc-columns{grid-template-columns:minmax(0,1fr) 230px}.cc-hero{padding:24px}.cc-art{padding:8px}.cc-hero h2{font-size:26px}.cc-preflight{padding:19px}.cc-lessons{padding:18px 18px 0}}
@media(max-width:760px){.cc-heading{align-items:flex-start}.cc-heading h1{font-size:22px}.cc-heading p{max-width:220px;font-size:11px;line-height:1.7}.cc-status{font-size:9px;padding:7px 9px}.cc-hero{grid-template-columns:1fr;padding:23px;border-radius:17px}.cc-hero h2{font-size:26px}.cc-hero p{font-size:11px}.cc-art{display:none}.cc-hero-actions{gap:4px}.cc-tabs{gap:22px}.cc-tabs>button{font-size:13px}.cc-tabs>small{display:none}.cc-columns{grid-template-columns:1fr}.cc-side{display:none}.cc-lessons{padding:18px 15px 0}.cc-card-heading h2{font-size:16px}.cc-card-heading .cc-button{font-size:10px}.cc-filters select{max-width:116px}.cc-notice{flex-wrap:wrap;align-items:flex-start;padding:13px}.cc-notice>.cc-button{margin-left:auto}.cc-notice>div{min-width:180px}.cc-empty{min-height:230px;padding:28px 10px}.cc-lesson{gap:10px;flex-wrap:wrap}.cc-lesson-copy{min-width:130px}.cc-lesson>.cc-button{margin-left:auto}.cc-list-foot{font-size:9px;flex-wrap:wrap}.cc-foot{align-items:flex-start;flex-wrap:wrap;font-size:9px}.cc-foot>.cc-button{padding:0}.cc-help-content .assist-page27{padding:16px}.cc-help-content .class-how28 ol{display:grid;grid-template-columns:1fr}.cc-help-app{padding:28px 17px}.cc-help-app h2{font-size:17px}.cc-device-buttons .cc-button{font-size:10px}#ccDevices,#ccSupport{padding:20px}.cc-device footer{gap:12px}.cc-device footer small{max-width:150px}.cc-studio .cc-tabs{overflow:visible}}
@media(prefers-reduced-motion:reduce){.cc-button{transition:none}}
@media(min-width:1100px) and (max-height:1100px){.cc-heading{margin-bottom:12px}.cc-heading .cc-eyebrow{margin-bottom:5px}.cc-heading h1{font-size:23px;margin-bottom:5px}.cc-hero{padding:17px 28px;margin-bottom:12px;min-height:0}.cc-hero h2{font-size:24px;line-height:1.25;margin-bottom:0}.cc-hero p{display:none}.cc-hero-actions{margin-top:13px}.cc-hero-actions .cc-button{padding:8px 12px;font-size:11px}.cc-art{max-width:370px;padding:0 15px}.cc-art-top{padding:8px 12px}.cc-art-code{padding:12px 21px}.cc-art-code small{font-size:9px;margin-bottom:6px}.cc-art-code code{font-size:13px;line-height:1.6}.cc-art-bottom{padding:8px 14px}.cc-tabs{margin-bottom:13px;gap:20px}.cc-tabs>button{padding:9px 3px 11px;font-size:13px}.cc-lessons{padding:15px 20px 0}.cc-card-heading{margin-bottom:12px}.cc-card-heading h2{font-size:16px}.cc-card-heading .cc-eyebrow{font-size:8px;margin-bottom:4px}.cc-filters{margin-bottom:3px}.cc-search input,.cc-filters select{padding-top:8px;padding-bottom:8px}.cc-empty{min-height:151px;padding:12px}.cc-empty-icon{width:40px;height:40px;border-radius:12px;margin-bottom:9px}.cc-empty-icon svg{width:21px;height:21px}.cc-empty h3{font-size:13px;margin-bottom:6px}.cc-empty p{font-size:10px;margin-bottom:10px}.cc-empty>.cc-button{font-size:10px;padding:7px 10px}.cc-side{gap:0}.cc-tip{display:none}.cc-preflight{padding:19px 22px;height:100%;justify-content:center}.cc-side-icon{margin-bottom:12px}.cc-preflight h2{font-size:17px;line-height:1.45;margin-bottom:7px}.cc-preflight p{font-size:10px;margin-bottom:13px}.cc-foot{margin-top:9px;font-size:9px}.cc-list-foot{padding:7px 0}.cc-lesson{padding:12px 0}}