/* Community, teaching and standings: porcelain surfaces with graphite emphasis. */
.app-console.premium .community-tabs,
.app-console.premium .class-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;margin:0 0 12px;border:0;border-radius:14px;background:#e9e9ee;overflow:visible}
.app-console.premium .community-tabs a,
.app-console.premium .class-tabs a{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:40px;max-width:100%;padding:8px 10px;margin:0;border:0;border-radius:11px;color:#666871;background:transparent;font-size:12px;line-height:1.3;font-weight:500;text-align:center;white-space:normal;overflow-wrap:anywhere}
.app-console.premium .community-tabs a[aria-current=page],
.app-console.premium .class-tabs a[aria-current=page]{color:#24252a;background:#fff;box-shadow:0 2px 5px #29293209;font-weight:650}
.app-console.premium .sc-department-banner{position:relative;isolation:isolate;min-height:132px;padding:19px 21px;margin:0 0 12px;border-radius:26px;background:linear-gradient(135deg,#31343a,#16181d);color:#fff;overflow:hidden}
.app-console.premium .sc-department-banner:after{content:"";position:absolute;z-index:-1;width:130px;height:130px;border:1px solid #ffffff16;border-radius:50%;right:-25px;top:10px;box-shadow:0 0 0 16px #ffffff05,0 0 0 40px #ffffff03}
.app-console.premium .sc-department-banner>div{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.app-console.premium .sc-department-banner h2{margin:0;font-size:30px;line-height:1.04;font-weight:550;letter-spacing:-1px;color:#fff;overflow-wrap:anywhere}
.app-console.premium .sc-department-banner .sc-eyebrow{color:#b5b6bc;margin:0 0 9px;font-size:10px}
.app-console.premium .sc-department-banner>div>span>svg{width:31px;height:31px;color:#e9e9ef}
.app-console.premium .sc-department-banner>small{display:block;margin-top:9px;color:#bfc1ca;font-size:11px}
.app-console.premium .sc-feed-shell,.app-console.premium .sc-school-feed{margin:0 0 12px;padding:0;background:transparent;border:0}
.app-console.premium .sc-compose{padding:6px 14px;margin:0 0 12px;background:#fff;border:1px solid #e7e7ed;border-radius:17px}
.app-console.premium .sc-compose summary,
.app-console.premium .sc-documents>summary,
.app-console.premium .sc-announcement-disclosure>summary,
.app-console.premium .sc-class-toolbox>summary,
.app-console.premium .sc-plan-disclosure>summary,
.app-console.premium .sc-ranking-help>summary,
.app-console.premium .sc-own-standing>summary{display:flex;align-items:center;gap:9px;min-height:40px;list-style:none;cursor:pointer;color:#373943;font-size:13px;font-weight:600;line-height:1.4;padding:3px 0}
.app-console.premium .sc-compose summary::-webkit-details-marker,
.app-console.premium .sc-documents>summary::-webkit-details-marker,
.app-console.premium .sc-announcement-disclosure>summary::-webkit-details-marker,
.app-console.premium .sc-class-toolbox>summary::-webkit-details-marker,
.app-console.premium .sc-plan-disclosure>summary::-webkit-details-marker,
.app-console.premium .sc-ranking-help>summary::-webkit-details-marker,
.app-console.premium .sc-own-standing>summary::-webkit-details-marker{display:none}
.app-console.premium .sc-compose summary:after,
.app-console.premium .sc-documents>summary:after,
.app-console.premium .sc-announcement-disclosure>summary:after,
.app-console.premium .sc-class-toolbox>summary:after,
.app-console.premium .sc-plan-disclosure>summary:after,
.app-console.premium .sc-ranking-help>summary:after,
.app-console.premium .sc-own-standing>summary:after{content:"⌄";margin-left:auto;font-size:16px;color:#8b8e98;flex:none}
.app-console.premium .sc-compose[open]>summary,
.app-console.premium .sc-documents[open]>summary,
.app-console.premium .sc-class-toolbox[open]>summary{margin-bottom:12px}
.app-console.premium .sc-compose[open]>summary:after,
.app-console.premium .sc-documents[open]>summary:after,
.app-console.premium .sc-announcement-disclosure[open]>summary:after,
.app-console.premium .sc-class-toolbox[open]>summary:after,
.app-console.premium .sc-plan-disclosure[open]>summary:after,
.app-console.premium .sc-ranking-help[open]>summary:after,
.app-console.premium .sc-own-standing[open]>summary:after{transform:rotate(180deg)}
.app-console.premium .sc-compose summary svg,
.app-console.premium .sc-documents>summary svg,
.app-console.premium .sc-announcement-disclosure>summary svg,
.app-console.premium .sc-class-toolbox>summary svg,
.app-console.premium .sc-plan-disclosure>summary svg,
.app-console.premium .sc-ranking-help>summary svg,
.app-console.premium .sc-own-standing>summary svg{width:18px;height:18px;flex:none;color:#676a76}
.app-console.premium .sc-posts,.app-console.premium .sc-announcements{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.app-console.premium .sc-post{min-width:0;padding:20px;margin:0;background:#fff;border:1px solid #fff;border-radius:26px;box-shadow:0 6px 25px #29293203;scroll-margin-top:16px}
.app-console.premium .sc-post-author{display:flex;align-items:center;gap:10px;min-width:0}
.app-console.premium .sc-post-author>div{min-width:0}
.app-console.premium .sc-post-author .sc-avatar,
.app-console.premium .sc-post-author .sc-icon{width:34px;height:34px;min-width:34px;flex:none;border-radius:50%;font-size:11px}
.app-console.premium .sc-post-author .sc-icon{display:grid;place-items:center;background:#f1f1f5}
.app-console.premium .sc-post-author .sc-icon svg{width:18px;height:18px;color:#777a84}
.app-console.premium .sc-post-author strong{display:block;color:#32343d;font-size:12px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.app-console.premium .sc-post-author strong>span{font-size:10px;color:#8c3447;font-weight:500}
.app-console.premium .sc-post-author small{display:block;margin-top:2px;font-size:10px;line-height:1.3;color:#7c7f8a}
.app-console.premium .sc-post-type{display:flex;align-items:center;gap:8px;margin:10px 0 0;flex-wrap:wrap}
.app-console.premium .sc-post-type>.sc-pill{padding:4px 8px;font-size:9px;font-weight:500;background:#f5f5f7;color:#747680;border:0}
.app-console.premium .sc-post-type>.sc-pill--review{background:#f5e9ec;color:#8a263a}
.app-console.premium .sc-post-type>small{font-size:10px;color:#838590}
.app-console.premium .sc-post h2{font-size:22px;line-height:1.17;letter-spacing:-.7px;font-weight:600;color:#25262c;margin:13px 0 9px}
.app-console.premium .sc-post .post-body{font-size:14px;color:#696c77;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.app-console.premium .sc-resource-link{display:flex;align-items:center;gap:8px;min-height:46px;padding:11px 12px;margin:16px 0 0;border:1px solid #eeeef2;border-radius:14px;background:#f5f5f8;color:#3d3f49;text-decoration:none;font-size:12px;font-weight:550}
.app-console.premium .sc-resource-link svg{width:18px;height:18px;color:#a72d43;flex:none}.app-console.premium .sc-resource-link svg:last-child{margin-left:auto}
.app-console.premium .sc-community-note{font-size:10px;line-height:1.5;color:#858894;margin:10px 0 0;text-align:center}
.app-console.premium .sc-plan-disclosure{padding:3px 0;margin:0;background:transparent;border:0}
.app-console.premium .sc-plan-disclosure p{font-size:13px;line-height:1.5;color:#70737f}
.app-console.premium .sc-inline-action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:5px 0;font-size:12px;font-weight:600;color:#33353d;text-decoration:none}
.app-console.premium .sc-inline-action svg{width:17px;height:17px}
.app-console.premium .sc-documents,
.app-console.premium .sc-announcement-disclosure,
.app-console.premium .sc-class-toolbox{padding:7px 16px;margin:0 0 12px;border-radius:18px;border:1px solid #e7e7ed;background:#fff;box-shadow:none}
.app-console.premium .sc-class-toolbox>.sc-documents,
.app-console.premium .sc-class-toolbox>.sc-announcement-disclosure{padding:6px 0;margin:0;border:0;border-top:1px solid #ededf2;border-radius:0;background:transparent}
.app-console.premium .sc-class-toolbox .sc-announcement-disclosure .sc-post{background:#f6f6f8;border:0;padding:16px}
.app-console.premium .sc-documents>summary>.sc-pill{font-size:10px;padding:4px 7px;color:#777984;background:#f2f2f5;margin-left:auto}
.app-console.premium .sc-documents>summary:after{margin-left:2px}
.app-console.premium .document-list{gap:8px;margin-top:12px}
.app-console.premium .document-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:13px 0;margin:0;border:0;border-top:1px solid #e9e9ef;border-radius:0;background:transparent}
.app-console.premium .document-icon{display:grid;place-items:center;width:34px;min-height:38px;flex-basis:auto;background:#f5e9ec;color:#a72d43;border-radius:11px}
.app-console.premium .document-icon svg{width:19px;height:19px}
.app-console.premium .document-meta{min-width:0;flex-basis:auto}.app-console.premium .document-meta h3{font-size:13px;font-weight:600;line-height:1.4;margin:0;color:#373943}
.app-console.premium .document-meta p{font-size:10px;line-height:1.4;margin:3px 0 0;color:#7f828d}
.app-console.premium .document-actions{grid-column:2;margin:0}.app-console.premium .document-actions .resource{min-height:38px;padding:6px 0;margin:0;background:transparent;color:#8c3447;border:0;font-size:11px;text-decoration:none}
.app-console.premium #documents input[type=file]{background:#f7f7f9;border:1px dashed #c6c8d1;color:#555864;font-size:14px}
.app-console.premium #documents input[type=file]::file-selector-button{background:#e8e8ee;color:#373943}
.app-console.premium .document-upload p,.app-console.premium .document-empty{font-size:12px;line-height:1.5;color:#7c7f8a}
.app-console.premium .sc-community-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.app-console.premium .sc-community-shortcuts>a{display:flex;align-items:center;gap:8px;flex:1 1 150px;min-height:48px;margin:0;padding:11px 12px;font-size:12px;border:1px solid #e4e4ea;border-radius:16px;background:#fff;color:#454751}
.app-console.premium .sc-community-shortcuts>a svg{width:17px;height:17px;flex:none;color:#747782}.app-console.premium .sc-community-shortcuts>a svg:last-child{margin-left:auto}
.app-console.premium .sc-empty{text-align:left;padding:20px;background:#fff;border-radius:24px}
.app-console.premium .sc-empty h2{font-size:22px;letter-spacing:-.6px;margin:12px 0 7px}.app-console.premium .sc-empty p{font-size:13px;color:#777a85;line-height:1.5;margin:0}
.app-console.premium .sc-pager{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;margin:6px 0 0;padding:0;background:transparent;border:0}
.app-console.premium .sc-pager button{display:grid;place-items:center;width:38px;height:38px;min-height:38px;margin:0;padding:0;background:#fff;color:#60636e;border:1px solid #e6e6ed;border-radius:12px;font-size:20px;line-height:1}
.app-console.premium .sc-pager button:hover{background:#ededf2;color:#272932}.app-console.premium .sc-pager button:disabled{opacity:.35;cursor:default}
.app-console.premium .sc-pager span{min-width:95px;text-align:center;font-size:10px;color:#898c97;font-weight:500}
.app-console.premium [data-sc-page-item][hidden]{display:none!important}
.app-console.premium .sc-teaching-overview{margin:0 0 12px;padding:0;border:0;background:transparent}
.app-console.premium .sc-teaching-overview>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;font-size:12px;list-style:none;color:#454852;cursor:pointer}
.app-console.premium .sc-teaching-overview>summary span{font-size:10px;color:#858894}.app-console.premium .sc-teaching-overview>summary:after{content:"⌄";font-size:15px;color:#9a9da8}
.app-console.premium .sc-teaching-overview>summary::-webkit-details-marker{display:none}
.app-console.premium .class-overview{gap:8px;margin:6px 0 0;grid-template-columns:repeat(3,minmax(0,1fr))}
.app-console.premium .class-stat{padding:13px 10px;gap:5px;border:1px solid #ececf1;border-radius:17px;background:#fff}
.app-console.premium .class-stat strong{font-size:29px;color:#252730}.app-console.premium .class-stat .class-stat-label{color:#777b86;font-size:10px}.app-console.premium .class-stat small{color:#8a8d97;font-size:9px;line-height:1.4}
.app-console.premium .teacher-class-grid{display:block;margin:0}
.app-console.premium .teacher-class-card{margin:0;padding:0;min-width:0;background:transparent;border:0;box-shadow:none}
.app-console.premium .sc-class-hero{padding:18px 20px;border-radius:26px;background:linear-gradient(135deg,#31343a,#16181d);color:#fff;margin-bottom:14px}
.app-console.premium .sc-class-hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.app-console.premium .sc-class-hero-top .sc-pill{background:#ffffff0d;color:#e4e5eb;border:1px solid #ffffff26;font-size:10px;font-weight:500}
.app-console.premium .sc-class-hero-top svg{width:22px;height:22px;color:#d9dbe3}.app-console.premium .sc-class-hero h2{font-size:15px;font-weight:500;color:#c9cbd4;letter-spacing:0;line-height:1.4;margin:12px 0 6px}
.app-console.premium .sc-class-metric{display:flex;align-items:baseline;gap:8px;margin:0;line-height:1}.app-console.premium .sc-class-metric strong{font-size:43px;font-weight:550;letter-spacing:-1.5px;color:#fff}.app-console.premium .sc-class-metric span{font-size:13px;color:#c1c3ce}
.app-console.premium .sc-class-active{color:#bfc2ce;font-size:11px;line-height:1.4;margin:9px 0 0}
.app-console.premium .sc-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px}.app-console.premium .sc-section-title h2,.app-console.premium .sc-section-title h3{font-size:16px;color:#363841;font-weight:600;letter-spacing:-.3px;margin:0}.app-console.premium .sc-section-title>span{font-size:10px;color:#858894}
.app-console.premium .class-students{list-style:none;margin:0;padding:6px 16px;border-radius:24px;background:#fff;border:1px solid #fff}
.app-console.premium .class-students li{display:flex;align-items:center;gap:10px;min-height:61px;padding:10px 0;border:0;border-bottom:1px solid #ededf2}.app-console.premium .class-students li:last-child{border-bottom:0}
.app-console.premium .student-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #fff;border-radius:50%;background:linear-gradient(145deg,#fff,#e0e0e7);color:#60636e;font-size:11px;font-weight:650;grid-row:auto}
.app-console.premium .student-name{font-size:13px;font-weight:600;color:#41434d;line-height:1.35}.app-console.premium .student-name small{font-size:10px;color:#8a8d97;font-weight:400;margin-top:3px}
.app-console.premium .class-students .class-status{max-width:95px;border-radius:20px;font-size:9px;line-height:1.35;padding:5px 8px;font-weight:500;grid-column:auto}
.app-console.premium .class-status.is-active{background:#f3f3f6;color:#696c77}.app-console.premium .class-status.is-pending{background:#f5e9ec;color:#8b3446}
.app-console.premium .class-actions{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0}.app-console.premium .class-action{flex:1 1 125px;min-height:45px;background:#25262c;color:#fff;border:1px solid #25262c;border-radius:14px;padding:9px 12px;font-size:12px;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px}
.app-console.premium .class-action.secondary{background:#fff;color:#535661;border-color:#e2e3e9}.app-console.premium .class-action svg{width:16px;height:16px}
.app-console.premium .class-empty{font-size:13px;color:#81848f;line-height:1.5;padding:16px;background:#fff;border-radius:18px}
.app-console.premium .sc-rank-week{margin:0 0 12px;border:0;background:transparent;padding:0}.app-console.premium .sc-rank-week>summary{display:flex;align-items:center;gap:8px;min-height:38px;list-style:none;color:#757984;font-size:12px;cursor:pointer}.app-console.premium .sc-rank-week>summary svg{width:17px;height:17px}.app-console.premium .sc-rank-week>summary span{margin-left:auto;font-size:11px}.app-console.premium .sc-rank-week>summary::-webkit-details-marker{display:none}
.app-console.premium .sc-rank-week form{margin-top:8px}
.app-console.premium .sc-ranking-hero{position:relative;min-height:169px;padding:21px;margin:0 0 12px;border-radius:26px;background:linear-gradient(135deg,#31343a,#16181d);color:#fff}
.app-console.premium .sc-ranking-hero .sc-eyebrow{color:#b7bac4;font-size:9px;margin:0 0 10px;max-width:75%}.app-console.premium .sc-ranking-hero h2{font-size:34px;font-weight:550;line-height:1.06;letter-spacing:-1.2px;color:#fff;margin:0 80px 9px 0;overflow-wrap:anywhere}
.app-console.premium .sc-ranking-hero p{font-size:11px;color:#c2c5d0;line-height:1.45;margin:0 65px 0 0}.app-console.premium .sc-ranking-hero small{display:block;font-size:10px;line-height:1.4;color:#c2c5d0;margin-top:19px;max-width:83%}
.app-console.premium .sc-medallion{position:absolute;right:20px;top:36px;width:67px;height:82px;border:1px solid #ffffff2e;border-radius:40px;background:linear-gradient(140deg,#ffffff1f,#ffffff02);display:grid;place-items:center;box-shadow:inset 0 1px 1px #ffffff30,0 12px 30px #0002}.app-console.premium .sc-medallion svg{width:30px;height:30px;stroke-width:1.2;color:#e3d5d9}
.app-console.premium .sc-rankings{padding:17px 19px;margin:0 0 12px;border:1px solid #fff;border-radius:25px;background:#fff}
.app-console.premium .sc-rank-list{display:block;list-style:none;margin:0;padding:0}.app-console.premium .sc-rank-list>li{display:flex;align-items:center;gap:11px;min-height:61px;margin:0;padding:11px 0;border-bottom:1px solid #ededf2}.app-console.premium .sc-rank-list>li:last-child{border-bottom:0}
.app-console.premium .sc-rank-number{width:23px;flex:none;font-size:17px;color:#999ca6;font-weight:500;letter-spacing:-.5px}.app-console.premium .sc-rank-name{flex:1;min-width:0}.app-console.premium .sc-rank-name strong{display:block;font-size:14px;color:#3d404a;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.app-console.premium .sc-rank-name small{display:block;font-size:10px;color:#9699a3;margin-top:3px}
.app-console.premium .sc-rank-score{font-size:17px;font-weight:550;letter-spacing:-.5px;color:#3f424c;font-variant-numeric:tabular-nums}
.app-console.premium .sc-ranking-help{padding:7px 14px;border:1px solid #e0e1e7;border-radius:17px;margin:0 0 9px}.app-console.premium .sc-ranking-help p{font-size:12px;line-height:1.5;color:#787c87;margin:4px 0 8px}
.app-console.premium .sc-own-standing{padding:7px 14px;margin:0 0 12px;border:1px solid #e5e5ec;border-radius:17px;background:#fff}.app-console.premium .sc-own-standing section{border-top:1px solid #ececf1;padding:10px 0}.app-console.premium .sc-own-standing h3{font-size:14px;font-weight:600;color:#4a4d58;margin:4px 0}.app-console.premium .sc-own-standing p{font-size:12px;line-height:1.5;color:#7b7e8a;margin:5px 0}
@media(min-width:900px){.app-console.premium .sc-department-banner{min-height:155px}.app-console.premium .sc-post{padding:24px}.app-console.premium .sc-class-hero{padding:24px}.app-console.premium .sc-ranking-hero{min-height:190px;padding:26px}.app-console.premium .sc-ranking-hero h2{font-size:42px}}
@media(max-width:380px){.app-console.premium .sc-post{padding:16px}.app-console.premium .sc-department-banner{padding:16px 18px}.app-console.premium .sc-post h2{font-size:20px}.app-console.premium .class-students{padding-inline:12px}.app-console.premium .student-avatar{width:31px;height:31px;flex-basis:31px}.app-console.premium .class-students .class-status{font-size:8px;max-width:80px}.app-console.premium .sc-class-metric strong{font-size:37px}.app-console.premium .community-tabs a{font-size:11px;padding-inline:8px}}
@media(prefers-reduced-motion:no-preference){.app-console.premium .sc-pager button,.app-console.premium .class-action{transition:background-color .15s ease,transform .15s ease}.app-console.premium .sc-pager button:active,.app-console.premium .class-action:active{transform:scale(.98)}}
/* Keep a short class update and its tool drawer within the phone overview. */
.app-console.premium .class-overview{display:grid}
.app-console.premium .class-stat{display:flex;flex-direction:column;min-width:0}
.app-console.premium .document-list{display:grid}
.app-console.premium .student-name{display:block;flex:1;min-width:0;overflow-wrap:anywhere}
.app-console.premium .student-name small{display:block;margin-top:3px}
.app-console.premium .class-status{display:inline-flex;align-items:center;flex-shrink:0}
@media(max-width:680px){
 .app-console.premium .sc-department-banner--class{min-height:120px;padding:15px 19px}
 .app-console.premium .sc-department-banner--class .sc-eyebrow{margin-bottom:6px}
 .app-console.premium .sc-feed-shell{margin-bottom:8px}
 .app-console.premium .sc-feed-shell .sc-compose{padding-block:2px}
 .app-console.premium .sc-feed-shell .sc-compose>summary{min-height:44px}
 .app-console.premium .sc-feed-shell .sc-post{padding:18px}
 .app-console.premium .sc-feed-shell .sc-post-type{margin-top:6px}
 .app-console.premium .sc-feed-shell .sc-post h2{margin-top:10px}
 .app-console.premium .sc-feed-shell .sc-community-note{margin-top:8px}
}