/* Adapt the approved bright design to the authenticated application DOM. */
:root{--bg:#f8fbff;--paper:#fff;--ink:#233857;--muted:#687b93;--line:#e4ebf3;--accent:#df632c;--soft:#fff0df;--green:#37876e;--nav:#eaf6f5;--deep:#e76c35;--yellow:#ffc65c;--blue:#e76c35;--blue-dark:#c65c29;--page:#f8fbff;--white:#fff}
body{background:var(--bg);color:var(--ink);font-size:15px}.legacy-header{display:none!important}
.bright-sidebar{width:216px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;z-index:20}
.bright-brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:750;line-height:1.25;letter-spacing:1px;margin:0 8px 30px}.bright-brand>b{width:41px;height:43px;display:grid;place-items:center;background:#f2753e;color:white;border-radius:12px 12px 3px 12px;font-size:23px}.bright-brand small{font-size:10px;font-weight:400;letter-spacing:0;color:#6a7b91;margin-top:6px}
.bright-nav-link{display:flex;gap:12px;align-items:center;position:relative;border-radius:10px;padding:11px 14px;margin:4px 0;width:100%;text-align:left;background:none;color:#5a6b83;font-size:15px;line-height:24px}.bright-nav-link svg{width:20px;height:20px;flex:none}.bright-nav-link.active{font-weight:700;color:#287bad;background:#eaf5ff}.bright-nav-link.active:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;background:#ed7540;border-radius:3px}
.bright-side-note{margin-top:auto;padding:22px 10px;font-size:11px;color:#8090a4}.bright-workspace{margin-left:216px}.bright-topbar{height:70px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);background:#ffffffb8}.bright-topbar strong{font-size:14px}.bright-topbar strong:before{content:"";display:inline-block;width:4px;height:14px;border-radius:4px;background:#f18b5c;margin-right:10px}.bright-topbar .portal-user{display:flex;gap:9px;align-items:center}.bright-menu-toggle{display:none}.bright-bottom-nav{display:none}
#home-page{width:auto;max-width:1240px;margin:auto;padding:18px 30px 16px;display:block}#home-page>.studio-panel,#home-page>.warm-bottom-grid,#home-page>.studio-insights{display:none!important}
#home-page>:not(.bright-home-content){display:none!important}#home-footer{display:none!important}.bright-home-content .home-hero{min-height:170px;gap:25px;margin-bottom:14px;padding:2px 0 16px}.bright-home-content .home-hero h1{font-size:35px;line-height:1.35}.bright-home-content .hero-art{height:156px}.bright-home-content .mode-tabs button{padding:12px 10px}.bright-home-content .launch-inner{padding:15px 18px}.bright-home-content .entry-row{margin-bottom:12px}.bright-home-content .entry-row button{padding:6px 12px}
.bright-home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.bright-home-bottom>.card{text-align:left;padding:15px 18px;display:block}.bright-home-bottom h3{font-size:17px;margin:6px 0}.bright-home-bottom p{font-size:12px;margin:6px 0 9px}.bright-home-bottom .link{font-size:12px}
#portal-pages{padding:22px 30px;max-width:1240px;margin:auto}.portal-page,.coin-page,.strategy-page{max-width:none;margin:0;padding:0}.page-heading,.page-title{margin:0 0 20px}h1{font-size:30px;font-weight:750}.page-heading p{font-size:14px;line-height:1.7;margin-top:7px}
.button{font-size:13px;border-radius:8px;padding:10px 17px;line-height:1.5}.button.primary{background:#e76c35;color:#fff;box-shadow:none}.button.primary:hover{background:#ca5a28;box-shadow:none}.button.secondary{background:#fff;color:#3c526e;border:1px solid var(--line)}.button:hover{transform:none}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px;box-shadow:none}
.bright-error-content .button{margin:12px 8px 0 0}.bright-stat-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bright-stat-strip strong{display:block;font-size:32px;color:#315c86}.bright-stat-strip span{font-size:13px;color:var(--muted)}.bright-growth-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.bright-growth-links{display:flex;gap:12px;margin-top:20px}
#knowledge-page>.page-heading,#knowledge-page>.handbook-feature,#knowledge-page>.experience-tabs,#knowledge-page>#learning-library,#knowledge-page>.knowledge-layout{display:none!important}.bright-learning-root .topic-card{text-align:left}.bright-learning-root .library-tabs{position:relative;margin-bottom:20px}.bright-learning-root .lesson-content{max-width:none}.bright-learning-root .lesson-index nav button{display:block;width:100%;text-align:left;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}
.bright-learning-root .reading-room{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.bright-learning-root .book-rail{position:sticky;top:12px;max-height:78vh;overflow:auto}.bright-learning-root .book-rail,.bright-learning-root .book-leaf{padding:14px;border:1px solid var(--line);border-radius:13px;background:white;min-width:0}.book-rail summary{cursor:pointer;font-size:13px;padding:8px 0}.book-rail>summary{font-size:17px;font-weight:700}.book-rail input{margin:8px 0}.book-rail nav button{display:block;width:100%;text-align:left;background:none;border:0;border-radius:6px;padding:8px;font-size:12px;color:#667c93}.book-rail [aria-current=page]{background:#fff0df;color:#a65e2d;font-weight:700}
.book-stage{overflow:auto;background:#f0f5fa}.book-stage img{width:100%;display:block}.book-stage.magnify img{width:160%;max-width:none}.book-tools,.book-end{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 0}.book-tools{position:sticky;top:0;z-index:2;background:#fff}.book-tools .button,.book-end .button{font-size:12px;padding:7px 10px}.book-leaf h2{font-size:21px}.book-leaf>div[role=status]{font-size:12px}
.bright-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.bright-resource-card{display:flex;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);background:#fff;border-radius:11px;text-align:left;min-width:0}.bright-resource-card img{width:124px;height:75px;object-fit:cover;border-radius:7px;flex:none}.bright-resource-card h3{font-size:16px;line-height:1.5;margin:4px 0}.bright-resource-card small,.bright-resource-card span{font-size:11px;color:#7b8da1}
.bright-published-courses{margin-top:22px}.bright-published-courses summary{cursor:pointer;font-size:14px;font-weight:600}.bright-course-body p{margin:14px 0;line-height:1.9}.bright-course-body .button{display:block;margin:10px 0}.bright-assessment-options{margin-top:15px}.bright-learning-root .feedback-review .button,.bright-learning-root .feedback+.button{margin:9px 8px 0 0}
#quiz-page .page-heading{margin:0 0 16px}#quiz-page .page-heading h1{font-size:28px}#quiz-page>#quiz-dialog{display:block;position:static;inset:auto;transform:none;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;box-shadow:none;background:none;overflow:visible}
#quiz-page>#quiz-dialog>.modal-header{display:none}#quiz-page .quiz-content{padding:0;max-width:none}.bright-game-lobby{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.bright-game-choices .game-choice .eyebrow{font-size:10px;color:#6999b7}.bright-game-choices .game-choice{background:linear-gradient(120deg,#e7f7ff,#d9f0ff);color:#244766;border:1px solid #cfe8f6}.bright-game-choices .game-choice.rush{background:linear-gradient(120deg,#fff3dd,#ffe5c5);border-color:#f5ddba}.bright-game-choices .game-choice p{color:#566f82}.bright-game-choices .game-choice .enter{color:#b55b28}.bright-game-choices .game-choice h2{font-size:28px}.bright-game-choices .game-person{height:180px}
.bright-rank-line{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.bright-rank-line small{width:17px;color:#8796a7}.bright-rank-line b{margin-left:auto;white-space:nowrap}.bright-top-ten h3{font-size:15px}.bright-top-ten .board-note{font-size:10px;margin:5px 0}.bright-top-ten p{font-size:12px}
.bright-active-game{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:17px;height:calc(100dvh - 172px);min-height:430px}
.bright-active-game .game-main{min-height:0;border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.game-hud{background:#fff;color:var(--ink);flex:none;border-bottom:1px solid var(--line)}.game-hud>div{padding:10px 15px;border-right:1px solid var(--line)}.game-hud>div:nth-child(1){background:#eef7ff}.game-hud>div:nth-child(2){background:#edf9f2}.game-hud>div:nth-child(3){background:#fff4e9}.game-hud>div:nth-child(4){background:#f4f1ff}.game-hud b{color:#346fa1;font-size:28px}.game-hud>div:nth-child(2) b{color:#368269}.game-hud>div:nth-child(3) b{color:#c17b36}.game-hud>div:nth-child(4) b{color:#7c65b4}
.question-scroll{min-height:0;flex:1;overflow:auto;padding:18px 21px}.question-scroll h2{font-size:21px}.question-scroll .feedback p,.deep-analysis p{font-size:13px;line-height:1.85;margin:9px 0}.question-scroll .deep-analysis summary{cursor:pointer}.game-footer{padding:11px 15px}.game-footer .button:last-child{margin-left:auto}.game-aside{min-height:0;overflow:auto}.game-aside .panel{padding:14px}.game-aside .bright-rank-line{padding:5px 0;font-size:11px}.game-aside .bright-top-ten{margin-top:14px}.game-aside .time-ring{margin:4px auto 12px}.game-aside .coach-note{margin-top:6px}
.bright-game-summary{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.bright-game-summary .game-hud{margin:20px 0}.bright-game-summary .button{margin:12px 8px 0 0}
#ranking-page,#badges-page{width:100%;max-width:1000px;margin:auto}.achievement-card:not(.earned) .achievement-art{opacity:.94}.achievement-card p{font-size:10px}.achievement-detail p{margin-top:15px}
.admin-layout{grid-template-columns:175px minmax(0,1fr);gap:18px}.admin-layout .admin-tab{padding:8px 12px}.admin-layout td,.admin-layout th{padding:6px 10px;font-size:12px;line-height:1.45}.resource-manager-row{padding:7px 10px;min-height:0}.resource-row-title small{line-height:1.4}.resource-thumb{width:64px;height:40px}.portal-user #account-menu{z-index:60}
#practice-dialog{width:min(1200px,97vw);max-width:none;max-height:96dvh;padding:0;border-radius:17px}#practice-dialog .practice-shell{height:90dvh;display:flex;flex-direction:column;overflow:hidden}#practice-dialog .modal-header{flex:none;padding:15px 22px}#practice-dialog .practice-body{min-height:0;flex:1;display:grid;grid-template-columns:235px minmax(0,1fr);overflow:hidden}#practice-dialog .brief{overflow:auto;padding:20px}#practice-dialog .conversation{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0}#messages{flex:1;min-height:80px;overflow:auto;padding:18px}#practice-controls{flex:none;padding:0 16px 14px}#practice-controls .hint-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 8px;padding:8px 0}#practice-controls .hint-button,#practice-controls .text-button{font-size:12px}#practice-dialog.strategy-practice .example-heading{display:none}#response-input{min-height:65px;max-height:125px}#review-panel{overflow:auto;min-height:0;flex:1;padding:20px}#practice-dialog .feedback-preferences{padding:8px 16px;flex:none;background:#fffaf3}.feedback-preferences input{width:auto}.feedback-preferences span{font-size:12px}
input[type=checkbox],input[type=radio]{width:auto}dialog{background:#fff;max-height:92dvh}.file-viewer-content video{max-height:70dvh}.bright-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:761px){.bright-active-game .game-footer #bright-mobile-seconds{display:none}}
@media(max-width:1050px){.bright-sidebar{width:185px}.bright-workspace{margin-left:185px}.bright-brand{font-size:22px}.bright-brand small{font-size:9px}.bright-brand>b{width:35px}.bright-game-lobby,.bright-game-summary{grid-template-columns:minmax(0,1fr) 220px}.bright-resource-grid{grid-template-columns:1fr}}
@media(max-width:760px){
 .bright-sidebar{transform:translateX(-100%);width:220px;transition:transform .18s}.bright-menu-open .bright-sidebar{transform:none;box-shadow:0 0 0 100vw #19354855}.bright-workspace{margin-left:0}.bright-topbar{height:56px;padding:0 14px;position:relative}.bright-topbar #environment-badge{display:none}.bright-topbar .login-button,.bright-topbar .account-button{font-size:12px;padding:6px 9px}.bright-topbar>strong{margin-right:auto;font-size:13px}.bright-menu-toggle{display:block}
 #portal-pages,#home-page{padding:18px 14px 90px}.bright-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:25;background:#fff;border-top:1px solid var(--line)}.bright-bottom-nav button{padding:12px 4px;background:none;font-size:13px;color:#73859b}.bright-bottom-nav button.active{color:#d66b33;font-weight:700;background:#fffaf4}
 .bright-home-content .home-hero{min-height:0;display:block;padding-bottom:14px}.bright-home-content .home-hero h1{font-size:30px}.bright-home-content .hero-art{display:none}.bright-home-bottom{grid-template-columns:1fr}.bright-home-content .launch-bottom{gap:12px}.bright-stat-strip{grid-template-columns:1fr 1fr}
 .bright-game-lobby,.bright-game-summary{grid-template-columns:1fr}.bright-game-lobby .cols2{grid-template-columns:1fr}.bright-game-lobby .game-choice{min-height:155px}.bright-active-game{grid-template-columns:1fr;height:calc(100dvh - 198px);min-height:350px}.bright-active-game .game-aside{display:none}.game-hud>div{padding:9px 5px}.game-hud small{font-size:9px}.game-hud b{font-size:24px}.question-scroll{padding:14px}.question-scroll h2{font-size:18px}.game-footer{padding:9px;gap:5px}.game-footer .button{font-size:11px;padding:8px}.game-footer #bright-mobile-seconds{margin-left:auto;font-size:11px}.bright-active-game .game-footer .button:last-child{margin-left:0}
 .bright-learning-root .reading-room{grid-template-columns:1fr}.bright-learning-root .book-rail{position:static;max-height:45vh}.book-leaf{padding:8px!important}.book-tools{gap:4px}.book-tools .button{font-size:11px;padding:7px}.bright-resource-card img{width:94px;height:65px}.bright-resource-card h3{font-size:14px}.bright-growth-row{flex-wrap:wrap}.bright-growth-links{flex-wrap:wrap}
 #practice-dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}#practice-dialog .practice-shell{height:100dvh}#practice-dialog .practice-body{grid-template-columns:1fr}#practice-dialog .brief{display:none}#practice-dialog .brief.mobile-open{display:block;max-height:30dvh}#practice-dialog .modal-header{padding:12px 14px}#practice-dialog .modal-header h2{font-size:18px}#practice-dialog .demo-notice{font-size:10px;padding:6px 12px}#practice-dialog .feedback-preferences{display:block;padding:6px 12px}#feedback-service-note{display:block;font-size:10px}#practice-controls{padding:0 10px 10px}#practice-controls .hint-bar{gap:5px}#ask-practice-coach,#finish-practice-now{padding:6px 8px;background:#f7f9fc;border-radius:6px}.feedback-preferences label{font-size:11px}.feedback-preferences input{width:14px;height:14px}#practice-dialog .composer-footer{padding-top:6px}#messages{padding:12px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:flex;overflow:auto;gap:6px}.admin-sidebar .admin-label{display:none}.admin-sidebar button{white-space:nowrap}.bright-menu-open .bright-bottom-nav{z-index:10}
}
@media(prefers-reduced-motion:reduce){.bright-sidebar{transition:none}}


#quiz-page>.page-heading{padding:0;margin:0 0 14px;min-height:0}
#quiz-page>.page-heading .page-eyebrow{display:none}
#quiz-page>.page-heading h1{font-size:28px;line-height:1.3;margin:0}
#quiz-page>.page-heading p{font-size:13px;line-height:1.6;margin:5px 0 0}
.bright-active-game{height:calc(100dvh - 185px)}
#bright-game-submit{margin-left:auto}
@media(max-width:760px){.bright-active-game{height:calc(100dvh - 195px)}}