/* Classroom workspaces: neutral foundation with purposeful color. */
.instant-strip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8ed;border-radius:16px;padding:18px 22px;margin:22px 0;flex-wrap:wrap}.instant-strip>div{margin-left:auto}.instant-strip b{display:block;font-size:15px}.instant-strip .btn{background:#f6f8fa;min-height:45px}.instant-strip .btn:nth-child(2){color:#ad6555;background:#fff1eb}.instant-strip .btn:nth-child(3){color:#7862a5;background:#f3eefb}.instant-strip .btn:nth-child(4){color:#4d8570;background:#edf7f1}.instant-strip .btn:nth-child(5){color:#567aab;background:#edf3fb}.hub-count{font-size:12px;background:#fff;padding:10px 18px;border:1px solid #e1e7ed;border-radius:20px}.studio-hero{display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;background:linear-gradient(120deg,#e9eff6,#f4f0fa 65%,#fcf1e9);border:1px solid #e4e8f0;border-radius:22px;padding:30px 35px;margin-bottom:25px;min-height:210px}.studio-hero h2{font-size:29px;line-height:1.7;color:#34485b}.studio-hero p{font-size:13px;color:#6f7d8c;margin:6px 0 20px}.class-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.studio-hero .class-switch{margin:0}.studio-hero .class-switch .btn{min-height:38px;padding:8px 15px}.studio-art{width:230px;height:180px;position:relative;flex-shrink:0}.studio-art b{position:absolute;inset:26px 45px;font-size:42px;display:grid;place-items:center;background:#fff9;box-shadow:0 12px 40px #69728d15;border:1px solid #fff;border-radius:35px;transform:rotate(-12deg);color:#8c7fa2}.studio-art span{position:absolute;font-size:46px;left:15px;top:5px;color:#ce9d73}.studio-art i,.studio-art em{font-style:normal;position:absolute;display:grid;place-items:center;width:53px;height:53px;border:5px solid #fff8;border-radius:18px;background:#c6dfd2;color:#527a64;transform:rotate(12deg);left:25px;bottom:5px;font-size:22px}.studio-art em{right:20px;top:0;left:auto;background:#c7daf0;color:#527bab}.tool-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:22px 0}.tool-filters .btn{border-radius:25px;font-size:12px;padding:8px 15px}.tool-search{display:flex;align-items:center;gap:8px;border:1px solid #dee5eb;background:white;padding:0 13px;border-radius:25px;margin-right:auto}.tool-search input{border:0;background:transparent;padding:12px 0;min-width:140px;width:170px;outline:none;font-size:12px}.studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.studio-card{position:relative;background:white;border:1px solid #e3e8ee;border-radius:19px;transition:transform .16s,box-shadow .16s;overflow:hidden}.studio-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #334b5c0c}.studio-open{display:flex;align-items:flex-start;flex-direction:column;text-align:right;width:100%;height:100%;padding:23px 22px;min-height:235px}.studio-open h2{font-size:18px;margin:8px 0 4px}.studio-open p{font-size:12px;color:#74818c;line-height:1.9}.studio-open .eyebrow{margin-top:16px;font-size:10px}.studio-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--tint,#edf2f6);color:var(--ink,#527ca6)}.studio-icon .icon{width:26px;height:26px}.studio-go{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;color:#728493;margin-top:auto;padding-top:20px}.studio-go .icon{width:15px}.favorite{position:absolute;z-index:1;left:13px;top:14px;font-size:24px;color:#8996a3;line-height:1;padding:6px}.favorite[aria-pressed=true]{color:#cc9c46}.coral,.tone-0{--tint:#fff0e9;--ink:#b66b53}.violet,.tone-1{--tint:#f1ecfa;--ink:#8264aa}.blue,.tone-2{--tint:#eaf2fc;--ink:#557fac}.mint,.tone-3{--tint:#eaf5ef;--ink:#55856c}.amber{--tint:#fbf2dc;--ink:#ad8646}.product-boundary{font-size:11px;line-height:1.9;color:#73808c;margin-top:28px;padding:16px 20px;border:1px dashed #d6dfe5;border-radius:12px}.tool-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.tool-heading h1{margin-top:18px}.tool-heading p{font-size:13px;color:#71818e}.tool-section-label{font-size:11px;color:#85919c;padding-right:12px}.tool-workspace{background:#fff;border:1px solid #e2e8ed;border-radius:20px;padding:28px}.work-top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:25px}.work-top p{font-size:12px;color:#7c8791;margin-top:4px}.work-top .heading-actions{max-width:65%}.student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.student-tile{border:1px solid #e5e9ee;border-radius:16px;padding:20px;text-align:center;background:#fff}.student-tile h3{font-size:14px;margin:12px 0}.student-bubble{display:grid;place-items:center;margin:auto;width:46px;height:46px;border-radius:17px;background:#eff2f7;color:#68849a;font-size:15px}.student-tally{font-size:24px;font-weight:700;color:#8a6aaa}.student-tally small{font-size:10px;font-weight:400;color:#8b9299}.mini-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:15px}.mini-actions .btn{padding:7px 10px;font-size:11px;min-height:38px}.mini-actions .btn:hover{background:#f6edf9}.spotlight{text-align:center;padding:35px 25px;background:var(--tint,#f4f6fa);border-radius:17px;min-height:380px}.spotlight h2{font-size:28px;color:var(--ink,#43566c)}.spotlight p{font-size:13px;color:#6e7e8a;margin:18px 0}.spotlight small{display:block;font-size:11px;color:#80908b;margin-top:23px}.draw-orbit{width:100px;height:100px;border:1px solid #fff;background:#fff8;border-radius:50%;display:grid;place-items:center;margin:24px auto;box-shadow:0 0 0 15px #ffffff35}.draw-orbit .icon{width:42px;height:42px;color:var(--ink)}.center-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:18px 0}.timer-clock{font:700 100px Arial;letter-spacing:4px;color:#46705d;margin:35px 0;direction:ltr}.timer-finished{color:#bf7750}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.group-card{background:var(--tint);border-radius:15px;padding:20px}.group-card h3{color:var(--ink);font-size:15px;display:flex;justify-content:space-between}.group-card h3 small{font-size:10px;font-weight:400}.group-member{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:12px;gap:8px}.group-member .btn{min-height:30px;padding:0 10px}.score-input{width:100px;border:1px solid #d8e1e8;padding:10px;border-radius:8px;background:#f9fbfd}.score-input[aria-invalid=true]{border:2px solid #c97163}.inline-save{display:block;font-size:10px;color:#ad574a;max-width:160px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0 28px}.metric-row>div{padding:20px;background:#f3f6f9;border-radius:14px;text-align:center}.metric-row b{display:block;font:700 30px Arial;color:#46647e}.metric-row span{font-size:11px;color:#798795}.student-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.student-checks label{padding:14px;border:1px solid #e0e6ec;border-radius:10px;display:flex;gap:10px;align-items:center;font-size:13px;cursor:pointer}.student-checks label:has(input:checked){background:#eef4fb;border-color:#7896b2}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sticky-note{padding:25px;background:var(--tint,#fcf6e7);border-radius:5px 18px 18px 18px;min-height:190px}.sticky-note h3{margin:8px 0 15px}.sticky-note p{white-space:pre-wrap;font-size:13px;line-height:2;overflow-wrap:anywhere}.sticky-note small{font-size:10px;color:#887c67}.sticky-note .btn{margin-top:18px;padding:5px 10px;min-height:32px;font-size:11px;background:#ffffff80}.week-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.week-board>section{background:#f4f6fa;border-radius:12px;padding:12px;min-height:250px}.week-board h3{text-align:center;font-size:13px;margin-bottom:20px}.week-board article{background:#fff;border-radius:9px;border:1px solid #e3e7ee;padding:12px;margin:12px 0}.week-board article b{display:block;font-size:12px}.week-board article p,.week-board article small{font-size:10px;color:#7f8b98}.week-board .btn{font-size:10px;padding:3px 7px;min-height:30px;margin-top:10px}.question-list{display:grid;gap:14px;margin:25px 0}.question-card{display:flex;align-items:center;gap:18px;border:1px solid #e0e7ef;border-radius:14px;padding:18px}.question-card>div{flex:1}.question-card p{font-size:12px;color:#668577;margin-top:9px}.question-card small{font-size:10px;color:#8b95a0}.number-chip{border-radius:10px;width:35px;height:35px;display:grid;place-items:center;background:#eaf0f8;font:16px Arial}.assignment-info{padding:20px;border-radius:12px;background:#f3f6fa;margin:20px 0}.assignment-info p{white-space:pre-wrap;font-size:13px;margin:10px 0}.assignment-info small{font-size:11px;color:#8390a0}.resource-list{display:grid;gap:12px}.resource-card{display:flex;gap:15px;align-items:center;padding:20px;border:1px solid #e3e8ed;border-radius:14px}.resource-card>div{flex:1;min-width:0;overflow-wrap:anywhere}.resource-card h3{font-size:15px}.resource-card small{font-size:11px;color:#8190a0}.backup-panel{max-width:620px;margin:auto;text-align:center;padding:15px}.backup-panel .studio-icon{margin:0 auto 20px}.backup-panel p{font-size:13px;line-height:2;margin:15px 0 25px;color:#7b8793}.backup-panel .import-zone{margin-top:35px}.tool-empty{text-align:center;padding:50px 20px;grid-column:1/-1}.tool-empty>.icon{width:40px;height:40px;color:#a0b1c2}.tool-empty h3{margin:15px}.tool-empty p{font-size:12px;color:#8c98a3}#whiteboard{width:100%;height:500px;display:block;touch-action:none;border:1px solid #dfe7ef;border-radius:12px;background-color:#fff;background-image:radial-gradient(#dde4eb 1px,transparent 1px);background-size:20px 20px}.certificate-page{min-height:550px;border:8px double #b9a481;text-align:center;padding:60px 35px;margin:25px 0;break-after:page}.certificate-page:last-child{break-after:auto}.cert-emblem{font-size:55px;color:#b6a184}.certificate-page h1{font-size:30px;margin:30px 0}.certificate-page p{font-size:17px;line-height:2.4}.certificate-page small{display:block;margin-top:30px}.certificate-page .signature-space{font-size:14px;margin-top:40px}.worksheet-question{break-inside:avoid;margin:30px 0}.answer-lines{height:80px;background:repeating-linear-gradient(white,white 25px,#d8dfe5 26px)}.answer-key{break-before:page}.answer-key p{margin:20px 0;white-space:pre-wrap}
@media(min-width:1600px){.studio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-grid,.note-grid,.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-board{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-hero h2{font-size:25px}.studio-art{width:180px}.work-top .heading-actions{max-width:100%}}@media(max-width:650px){.instant-strip{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.instant-strip>div{grid-column:1/-1;margin-bottom:8px}.instant-strip .btn{font-size:11px}.studio-hero{padding:23px;min-height:240px}.studio-hero h2{font-size:23px;max-width:230px}.studio-art{display:none}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-open{padding:20px 14px;min-height:220px}.studio-open h2{font-size:16px}.studio-open p{font-size:11px}.studio-icon{width:42px;height:42px;border-radius:12px}.studio-go{font-size:10px}.favorite{font-size:22px;left:8px;top:10px}.tool-search{width:100%;margin-top:7px}.tool-search input{width:100%;font-size:14px}.tool-filters{gap:7px}.tool-filters .btn{font-size:11px;padding:8px 12px}.tool-workspace{padding:17px}.student-grid,.note-grid,.group-grid,.student-checks{grid-template-columns:1fr}.week-board{grid-template-columns:1fr}.week-board>section{min-height:80px}.metric-row{grid-template-columns:1fr 1fr;gap:10px}.metric-row>div{padding:15px 10px}.tool-heading h1{font-size:25px}.work-top h2{font-size:17px}.spotlight{padding:25px 15px}.spotlight h2{font-size:23px}.timer-clock{font-size:64px}.resource-card{flex-wrap:wrap}.question-card{padding:13px;gap:10px}.question-card h3{font-size:13px}.question-card .btn{font-size:10px;padding:7px}#whiteboard{height:400px}.certificate-page{padding:30px 15px;border-width:5px}.certificate-page h1{font-size:23px}.hub-count{display:none}.tool-heading>.studio-icon{display:none}}
@media(prefers-reduced-motion:reduce){.studio-card,.choice-option span{transition:none}.studio-card:hover{transform:none}}@media print{.certificate-page{min-height:220mm}.answer-key{break-before:page}.print-document table{width:100%;border-collapse:collapse}.print-document th,.print-document td{border:1px solid #aaa;padding:8px;font-size:11px}.certificate-page:last-child{break-after:auto}}

.student-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.profile-spotlight{text-align:center;background:#f0f4f8;padding:30px;border-radius:15px}.profile-spotlight h2{margin:12px 0}.profile-spotlight p{font-size:12px;color:#7f8d9c}.leader-selected{background:#fff9ed;border-color:#d8bd83}.quiz-question{background:#fff9;border:1px solid white;border-radius:16px;padding:30px 20px;margin:25px 0}.quiz-question h2{font-size:23px;margin:15px 0}.quiz-answer{background:#fff;padding:15px;border-radius:10px}.quiz-teams{display:flex;justify-content:center;gap:18px;margin:20px 0}.quiz-teams>div{background:#fff8;border-radius:15px;padding:20px;min-width:130px}.quiz-teams b{display:block;font:700 40px Arial;color:#7c68a1;margin:10px}.focus-stars{display:flex;justify-content:center;gap:12px;margin:45px 0;font-size:40px;color:#d7e2dc}.focus-stars .earned{color:#c5a04a}.spotlight>.studio-icon{margin:0 auto 25px}@media(max-width:650px){.focus-stars{gap:7px;font-size:32px}.quiz-teams{gap:10px}.quiz-teams>div{min-width:110px;padding:13px}}

.studio-card{background:linear-gradient(145deg,#fff 55%,var(--tint,#f2f5f8))}.studio-card:hover .studio-icon{transform:rotate(-5deg) scale(1.06)}.studio-icon{transition:transform .15s}.leader-selected .student-bubble{background:#f7e8bf;color:#a17f38}.student-tile:has(.student-tally:not(:empty)){transition:border-color .15s}.student-tile:hover{border-color:#b5c6d8}@media(prefers-reduced-motion:reduce){.studio-card:hover .studio-icon{transform:none}.studio-icon{transition:none}}

/* Categorized service library. Original graphite/slate palette. */
.quiet-hub{max-width:1050px;margin:0 auto}.hub-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:2px 0 22px}.hub-intro h1{font-size:29px;color:#263947}.hub-intro p{font-size:13px;color:#788590;margin-top:3px}.task-search{display:flex;align-items:center;gap:10px;background:white;border:1px solid #dfe5ea;border-radius:12px;padding:4px 14px;min-height:46px;width:330px;max-width:100%}.task-search:focus-within{outline:2px solid #7a96a9;outline-offset:2px}.task-search>.icon{color:#8193a1;width:19px}.task-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:12px;padding:9px 0}.hub-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 23px;font-size:12px}.hub-context>span{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hub-context small{color:#7e8b96}.hub-context .icon{width:18px;color:#647e90}.context-picker{position:relative}.context-picker summary{cursor:pointer;color:#536e80;padding:10px;white-space:nowrap}.context-picker .class-switch{position:absolute;z-index:5;left:0;top:38px;background:white;padding:16px;width:260px;border:1px solid #dbe3e8;border-radius:12px;box-shadow:0 10px 30px #334b5c18}.hub-sections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;background:#e9edf1;border-radius:14px;padding:5px;margin-bottom:28px}.hub-sections .btn{gap:9px;border-radius:10px;min-height:48px;padding:10px 5px;font-size:13px}.hub-sections .btn .icon{width:19px;height:19px}.hub-sections .primary{background:#344b5c;color:white;box-shadow:0 3px 9px #344b5c16}.hub-sections .secondary{border-color:transparent;background:transparent;color:#70808e}.hub-sections .secondary:hover{background:#f7f9fb}.services-sections{display:grid;gap:26px}.service-group{background:white;border:1px solid #e1e7ec;border-radius:16px;padding:22px}.service-group h2{font-size:15px;color:#536b7d;margin-bottom:18px;display:flex;align-items:center;gap:9px}.service-group h2:before{content:'';width:4px;height:17px;border-radius:3px;background:#8da2b3}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.service-item{display:flex;align-items:center;gap:13px;text-align:right;min-height:85px;padding:15px 13px;border:1px solid #edf0f4;background:#fafbfd;border-radius:12px;transition:background .15s,border-color .15s}.service-item:hover{background:#f0f4f8;border-color:#bbcbd8}.service-item:focus-visible{outline:2px solid #52768e;outline-offset:3px}.service-icon{display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;border-radius:14px;background:var(--tint,#eaf0f5);color:var(--ink,#5c8099)}.service-icon .icon{width:25px;height:25px}.service-copy{min-width:0;flex:1}.service-copy strong{display:block;font-size:14px;font-weight:600;color:#334b5b;line-height:1.6}.service-copy small{display:block;font-size:11px;color:#84919d;line-height:1.7;margin-top:3px}.service-chevron{font:23px Arial;color:#a2b0bd;margin-right:8px}.services-local-note{font-size:10px;color:#8a96a0;text-align:center;margin-top:24px}.search-empty{grid-column:1/-1;padding:20px;color:#71818f;font-size:13px}.sidebar-note{display:none}.side-bottom{margin-top:auto;padding-top:30px}
@media(max-width:700px){.workspace>main{padding:22px 16px}.hub-intro{gap:13px;margin-bottom:15px;align-items:flex-start;flex-direction:column}.hub-intro h1{font-size:25px}.hub-intro p{font-size:12px}.task-search{width:100%;min-height:45px}.hub-context{margin:10px 0 15px;font-size:11px}.hub-context small{display:none}.hub-sections{gap:2px;margin-bottom:20px}.hub-sections .btn{flex-direction:column;gap:5px;font-size:11px;min-height:61px;padding:7px 1px}.hub-sections .btn .icon{width:18px;height:18px}.service-group{padding:15px 11px;border-radius:13px}.service-group h2{font-size:13px;margin-bottom:13px}.services-sections{gap:18px}.services-grid{gap:8px}.service-item{flex-direction:column;align-items:center;text-align:center;padding:15px 7px;min-height:120px;gap:9px;position:relative}.service-icon{width:43px;height:43px;border-radius:13px}.service-icon .icon{width:24px;height:24px}.service-copy strong{font-size:12px}.service-copy small{display:none}.service-chevron{display:none}.services-local-note{font-size:9px}.context-picker .class-switch{max-width:240px}}
@media(prefers-reduced-motion:reduce){.service-item{transition:none}}