#main .admin-summary300{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:18px 22px;margin-bottom:16px;border:1px solid #dfe6ef;border-radius:14px;background:#fff;grid-column:1/-1;flex-shrink:0}#main .admin-summary300>div{display:grid;grid-template-columns:auto auto;gap:4px 16px;align-items:center}#main .admin-summary300 strong{font-size:26px;color:#304e8c}#main .admin-summary300 small{font-size:12px;color:#65758b}#main .admin-summary300>div small{grid-column:1/-1}#main .admin-summary300>button{margin-left:auto}
html body #main.teacher-scroll300{display:block!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;scrollbar-width:thin;overscroll-behavior-y:contain;padding-bottom:28px!important}html body #main.teacher-scroll300>.page,html body #main.teacher-scroll300>.teacher-page298,html body #main.teacher-scroll300>.teacher-shell298,html body #main.teacher-scroll300>.contest-page298{box-sizing:border-box;width:100%!important;max-width:1240px!important;height:auto!important;max-height:none!important;min-height:0!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important}html body #main.teacher-scroll300>.page{padding:0 24px 24px!important}html body #main.teacher-scroll300>.teacher-page298{padding:24px!important}html body #main.teacher-scroll300 .teacher-nav298{flex-wrap:wrap;overflow:visible;gap:6px}html body #main.teacher-scroll300 .teacher-nav298 button{padding:10px 12px}html body #main.teacher-scroll300 .teacher-heading298{padding-top:0}html body #main.teacher-scroll300 .teacher-content298,html body #main.teacher-scroll300 .teacher-group-page298{min-height:0!important}html body #main.teacher-scroll300 .studio-page6,html body #main.teacher-scroll300 .live-page22,html body #main.teacher-scroll300 .course-page21,html body #main.teacher-scroll300 .studio-layout6,html body #main.teacher-scroll300 .studio-viewport6{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}html body #main.teacher-scroll300 .cogo-g-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}html body #main.teacher-scroll300 .cogo-g-table{max-height:none!important;overflow-x:auto!important}html body #main.teacher-scroll300 .cogo-groups{max-height:none!important;overflow:visible!important}
.dashboard-select300{display:flex;align-items:center;gap:14px;font-weight:700;margin:0 0 18px}.dashboard-select300 select{min-width:220px;max-width:100%;padding:10px;border:1px solid #dbe3ed;border-radius:10px;background:#fff}.group-hero300{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px;border:1px solid #dce6f1;border-radius:18px;margin-bottom:18px;background:linear-gradient(120deg,#e9f3ff,#f6f9ff);color:#28486b}.group-hero300 h2{font-size:28px;margin:10px 0}.group-hero300 p{margin:0;line-height:1.6;overflow-wrap:anywhere}.group-hero300[data-theme300=forest],.teacher-group-page298[data-theme300=forest]{background:linear-gradient(120deg,#e7f4ed,#f9fcfa)}.group-hero300[data-theme300=lavender],.teacher-group-page298[data-theme300=lavender]{background:linear-gradient(120deg,#efeafb,#fbfaff)}.group-hero300[data-theme300=sunset],.teacher-group-page298[data-theme300=sunset]{background:linear-gradient(120deg,#fff0e7,#fffafa)}.group-hero300[data-theme300=sand],.teacher-group-page298[data-theme300=sand]{background:linear-gradient(120deg,#f5efdc,#fffdf7)}.dashboard-stats300{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.dashboard-stats300 button{display:flex;flex-direction:column;gap:12px;padding:22px;text-align:left;border:1px solid #dfe6ef;border-radius:14px;background:white;color:#5b6e86}.dashboard-stats300 strong{font-size:30px;color:#2b4667}.dashboard-columns300{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-panel300{border:1px solid #dfe6ef;border-radius:16px;padding:22px;background:#fff;min-width:0}.dashboard-panel300:first-child{grid-column:1/-1}.dashboard-panel300 header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dashboard-panel300 h2{font-size:18px;margin:0}.dashboard-panel300 article{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid #edf1f6;overflow-wrap:anywhere}.dashboard-panel300 small{color:#65758b}.dashboard-attendance300{display:flex;flex-wrap:wrap;gap:12px}.dashboard-attendance300>div{flex:1 1 100px;display:flex;justify-content:space-between;gap:14px;background:#f5f8fc;border-radius:10px;padding:14px}.teacher-dashboard-empty300{border:1px solid #dfe6ef;border-radius:16px;padding:28px;background:#fff}.theme-preview300{padding:20px;border-radius:12px;margin-bottom:16px;background:#f0f5fb}
@media(max-width:700px){html body #main.teacher-scroll300>.teacher-page298,html body #main.teacher-scroll300>.teacher-shell298{padding:16px!important}html body #main.teacher-scroll300>.page{padding:0 16px 16px!important}.dashboard-stats300{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns300{grid-template-columns:1fr}.group-hero300{padding:22px;align-items:flex-start;flex-direction:column}.group-hero300 h2{font-size:24px}.dashboard-select300{flex-wrap:wrap}.dashboard-select300 select{width:100%;min-width:0}.dashboard-panel300{padding:18px}#main .admin-summary300{gap:12px;padding:14px}#main .admin-summary300>div{flex:1 1 130px}#main .admin-summary300>button{margin-left:0}.teacher-nav298 button{font-size:13px}}
html body #main.teacher-scroll300>.studio-desk6,html body #main.teacher-scroll300>.live22,html body #main.teacher-scroll300>.course21{box-sizing:border-box;width:calc(100% - 48px)!important;max-width:1192px!important;height:auto!important;max-height:none!important;min-height:0!important;min-width:0!important;margin:0 auto 24px!important;overflow:visible!important}html body #main.teacher-scroll300>.studio-desk6{display:flex!important;flex-direction:column!important}html body #main.teacher-scroll300 #studioViewport6{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}html body #main.teacher-scroll300 .live22 .live-hero22{min-width:0;max-width:100%}html body #main.teacher-scroll300 .live22 .live-hero22 h1{font-size:clamp(25px,3vw,42px)}html body #main.teacher-scroll300 .course21{overflow:visible!important}html body #main .admin-desk7:has(.admin-summary300){height:auto!important;max-height:none!important;overflow:visible!important}html body #main:has(.admin-summary300){overflow-y:auto!important}
@media(max-width:700px){html body #main.teacher-scroll300>.studio-desk6,html body #main.teacher-scroll300>.live22,html body #main.teacher-scroll300>.course21{width:calc(100% - 32px)!important}html body #main.teacher-scroll300 .live-hero22{grid-template-columns:1fr!important}.dashboard-stats300 button{padding:16px}}
/* Fixed navigation rhythm; late role menus never enlarge earlier rows. */
html body .sidebar.sidebar12{gap:0!important;justify-content:flex-start!important;align-content:start!important;overflow-y:auto!important;scrollbar-width:thin!important}html body .sidebar #desktopNav,html body .sidebar #roleLinks6{grid-auto-rows:max-content;align-content:start!important;justify-content:stretch;gap:3px!important;flex:0 0 auto!important}html body .sidebar .nav-item{height:40px!important;min-height:40px!important;max-height:40px!important;flex:0 0 40px!important;margin:0!important;padding:8px 12px!important;line-height:1.3!important;font-size:13px!important;align-items:center!important}html body .sidebar .nav-item>span{line-height:1.3!important;white-space:nowrap!important}html body .sidebar .nav-item[hidden]{display:none!important}html body .sidebar .nav-caption,html body .sidebar .side-header,html body .sidebar .side-bottom{flex-shrink:0!important}html body .sidebar .side-bottom{margin-top:16px!important}html body .sidebar.sidebar12::-webkit-scrollbar{display:block;width:5px}html body .sidebar.sidebar12::-webkit-scrollbar-thumb{background:#64748b;border-radius:8px}
@media(max-width:700px){html body .sidebar .nav-item{height:44px!important;min-height:44px!important;max-height:44px!important;flex-basis:44px!important;font-size:14px!important}}
html body .book-results300 .cms-head11,html body .book-results300 .book-head12,html body .book-results300 .book-row12,html body .book-results300 .cert-row11{display:grid;grid-template-columns:44px minmax(0,1fr) 64px 130px;gap:12px;align-items:center}html body .book-results300 .cert-row11>b{white-space:normal;overflow-wrap:anywhere}.book-status300{display:inline-flex;justify-content:center;align-items:center;font-size:12px;line-height:1.4;font-weight:700;padding:6px 8px;border-radius:8px;white-space:nowrap}.book-status300.complete{color:#197158;background:#e7f5ed}.book-status300.attempted,.book-status300.submitted{color:#89612e;background:#fff4df}.book-status300.unseen{color:#7c899e;background:#f2f5f9}.book-results300 [data-book-status300=complete]>b{color:#216552}@media(max-width:600px){html body .book-results300 .cms-head11{grid-template-columns:30px minmax(0,1fr) 54px}html body .book-results300 .cms-head11>b:last-child{display:none}html body .book-results300 .cert-row11{grid-template-columns:30px minmax(0,1fr) 54px;gap:7px;padding-top:12px;padding-bottom:12px}.book-results300 .book-status300{grid-column:2/4;justify-self:start}}
html body[data-view=ranking] #main .rank-row287{grid-template-columns:48px minmax(120px,1fr) minmax(120px,1.3fr) minmax(64px,auto)}html body[data-view=ranking] #main .rank-motto300{font-size:13px;line-height:1.5;font-weight:450;color:#677992;overflow-wrap:anywhere;white-space:normal;text-align:left;min-width:0}html body .motto-form300{margin-top:24px;padding-top:20px;border-top:1px solid #e4eaf4}html body .profile-motto285{overflow-wrap:anywhere;white-space:normal}@media(max-width:600px){html body[data-view=ranking] #main .rank-row287{grid-template-columns:26px minmax(76px,1fr) minmax(68px,1fr) 44px;gap:6px}html body[data-view=ranking] #main .rank-row287.heading{font-size:10px}html body[data-view=ranking] #main .rank-person287{gap:4px;flex-wrap:wrap}html body[data-view=ranking] #main .rank-motto300{font-size:11px;line-height:1.4}html body[data-view=ranking] #main .rank-person287>span{font-size:12px}}
/* A full-height document scroll reveals all selected rows on desktop and mobile. */
html body[data-view=bank] #main,html body[data-view=certifications] #main:has(.problem-board){overflow-y:auto!important;overflow-x:hidden!important;display:block!important;scrollbar-width:thin}
html body[data-view=bank] #main>.page,html body[data-view=certifications] #main>.page:has(.problem-board){height:auto!important;max-height:none!important;overflow:visible!important;min-height:0!important}
html body #main .problem-board,html body #main .problem-board .board-card,html body #main .problem-board #boardViewport{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;flex:none!important}
html body #main .problem-board{display:flex!important;flex-direction:column!important}.bank-size300{display:inline-flex;align-items:center;flex-shrink:0}.bank-size300 select{font:inherit;font-size:12px;color:var(--text,#294369);border:1px solid var(--line,#d8e1ef);background:var(--surface,#fff);border-radius:8px;padding:8px 10px;min-height:36px}.lecture-cover300{display:block;width:100%;max-height:150px;aspect-ratio:16/9;object-fit:contain;border-radius:10px;background:#f3f6fa;margin-bottom:12px}
@media(max-width:700px){html body #main .problem-board .board-refine24{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.bank-size300 select{min-height:40px}html body #main .problem-board .board-pagination{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:14px}html body #main .problem-board .page-range{flex-basis:100%;text-align:center}}

html body .book-results300 .book-row12>b{white-space:normal;overflow-wrap:anywhere}html body .book-results300 #bookRows12{overflow-y:auto!important}html body .book-results300 .book-row12{height:auto!important;min-height:54px;flex-shrink:0}html body .book-results300 .book-head12{height:auto!important;min-height:40px}@media(max-width:600px){html body .book-results300 .book-row12{grid-template-columns:30px minmax(0,1fr) 54px;gap:7px;padding-top:10px;padding-bottom:10px}html body .book-results300 .book-head12>b:last-child{display:none}html body .book-results300 .book-head12{min-height:40px}html body .book-results300 .book-row12:not(.book-head12){min-height:78px}}