/* Study Companion — daylight interface. Loaded last; functional layouts remain scoped. */
.learning-ui{
 --bg-canvas:#f3f8fc;--bg-dot-pattern:none;--surface-primary:#fff;--surface-secondary:#f4f8fc;
 --surface-muted:#edf3f8;--surface-blue:#eaf4ff;--surface-subtle:#f8fbfe;
 --text-primary:#183153;--text-secondary:#526882;--text-muted:#657b92;
 --brand-blue:#0878f9;--brand-blue-hover:#0064d8;--brand-blue-soft:#e6f2ff;
 --border-default:#e0eaf3;--border-hairline:#e0eaf3;--border-strong:#c6d8ea;
 --shadow:0 3px 16px rgba(47,91,136,.035);--shadow-card:var(--shadow);
 --shadow-hover:0 5px 20px rgba(47,91,136,.08);--inner-glow:none;
 --radius:16px;--radius-lg:20px;--radius-sm:10px;--sidebar-width:216px;--content-width:1640px;
 --font-numbers:var(--font-body);--nav-text:#48617e;--nav-muted:#73879d;
 --brand-navy:#17324f;--brand-navy-hover:#edf6ff;--brand-navy-border:#e0eaf3;
 --backdrop:rgba(27,53,82,.3);--dialog-shadow:0 18px 80px rgba(28,67,107,.2);
}
.learning-ui,.learning-ui .main{background:#f3f8fc;background-image:none;color:var(--text-primary)}
.learning-ui h1,.learning-ui h2,.learning-ui h3{color:#183153;letter-spacing:-.025em}
.learning-ui h1{font-size:27px;font-weight:750;line-height:1.3}
.learning-ui h2{font-size:17px;font-weight:700}
.learning-ui h3{font-size:15px;font-weight:650}
.learning-ui p{line-height:1.65}
.learning-ui .sidebar{background:linear-gradient(180deg,#fff 50%,#f1f9ff);border-right:1px solid #e1ebf4;padding:0 12px 12px;box-shadow:none;color:#3d5674;scrollbar-color:#d1e0ed transparent}
.learning-ui .brand-header{padding:23px 10px 18px;margin:0 0 16px;border-bottom:1px solid #e8eff5;background:none}
.learning-ui .brand-logo{width:140px;height:auto;max-height:48px;object-fit:contain}
.learning-ui .brand-header .brand{font-size:16px;line-height:1.5;color:#174f8e;margin-top:12px;text-align:center;letter-spacing:-.5px}
.learning-ui .sidebar-close{background:#f0f7fd;border:1px solid #dce9f4;color:#647f9c;box-shadow:none;width:28px;height:28px;min-height:28px;min-width:28px;padding:5px;right:9px;top:10px;border-radius:8px}
.learning-ui .sidebar .workspace{border:0;background:none;box-shadow:none;padding:0 3px;margin:0 0 25px;border-radius:0}
.learning-ui .sidebar .workspace.student-context{padding:13px 10px;border:1px solid #e0ebf5;border-radius:12px;background:#f4f9ff}
.learning-ui .workspace strong,.learning-ui .workspace .context-copy strong{color:#244867;font-size:13px}
.learning-ui .sidebar .workspace .muted,.learning-ui .context-copy small{color:#68809a;font-size:11px}
.learning-ui .workspace-mark,.learning-ui .context-icon{background:#e5f2ff;border:0;color:#1983ef;box-shadow:none;border-radius:10px;width:34px;height:34px;flex-basis:34px}
.learning-ui .workspace-caption{font-size:9px;letter-spacing:.08em;color:#768ca4;margin:0 7px 9px}
.learning-ui .classroom-switch,.learning-ui .context-picker{background:#f4f9ff;border:1px solid #dfebf5;box-shadow:none;color:#426789;border-radius:12px;padding:12px 10px;gap:9px}
.learning-ui .context-hint{font-size:10px;color:#7388a0;margin-left:7px}
.learning-ui .nav-label{color:#8394a8;font-size:9px;font-weight:650;letter-spacing:.08em;margin:0 12px 9px}
.learning-ui .sidebar .nav-item{position:relative;color:#4a6180;background:none;border:0;border-radius:9px;box-shadow:none;min-height:43px;padding:11px 13px;font-size:12px;font-weight:550;margin:3px 0;gap:11px;transform:none}
.learning-ui .sidebar .nav-item:hover{color:#0876eb;background:#eff7ff;box-shadow:none;transform:none}
.learning-ui .sidebar .nav-item.active{background:#e3f0ff;color:#0070ed;border:0;box-shadow:none;font-weight:700}
.learning-ui .sidebar .nav-item.active:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:4px;background:#1689ff;box-shadow:none}
.learning-ui .sidebar .nav-item:after{display:none}
.learning-ui .nav-item .icon{width:19px;height:19px;stroke-width:1.7}
.learning-ui .nav-count{background:#fff;color:#4680b9;border:0;border-radius:6px;padding:1px 6px;font-size:10px}
.learning-ui .sidebar-bottom{padding-top:25px}
.learning-ui .sidebar .profile{border-top:1px solid #e2edf6;padding:15px 3px 0;gap:8px}
.learning-ui .sidebar .profile-name:not([class*="name-"]){color:#274762;font-size:11px}
.learning-ui .sidebar .profile .muted{color:#7187a0;font-size:10px}
.learning-ui .sidebar .avatar{background:#e7f3ff;border:1px solid #d6e9fa;color:#2a6fb6;width:32px;height:32px}
.learning-ui .sidebar .profile .icon-button{color:#7089a4;background:none;border:0;box-shadow:none}
.learning-ui .sidebar .profile .icon-button:hover{color:#0878f9;background:#e9f4ff}
.learning-ui .sidebar .rank-badge{font-size:9px;padding:2px 6px}
.learning-ui .topbar{height:64px;min-height:64px;padding:0 26px;background:rgba(255,255,255,.97);border-bottom:1px solid #e4edf5;box-shadow:none;backdrop-filter:none}
.learning-ui .breadcrumb{font-size:12px;gap:10px;color:#768aa0}
.learning-ui .breadcrumb strong{font-weight:650;color:#315573}
.learning-ui .top-tools{gap:17px}.learning-ui .top-tools .today{font-size:11px;color:#71849b;background:none;border:0;padding:0;box-shadow:none}
.learning-ui .sync-button{color:#6c84a0;font-size:10px;background:none;border:0;box-shadow:none}
.learning-ui .content{max-width:1640px;padding:26px 30px 30px}
.learning-ui .page-heading{margin-bottom:23px;gap:16px}
.learning-ui .page-heading p{font-size:12px;margin-top:7px;color:#72869e}
.learning-ui .btn{background:#fff;border:1px solid #d9e6f2;color:#2a4b6c;box-shadow:none;border-radius:9px;min-height:38px;padding:9px 14px;font-size:12px;font-weight:600;transform:none;line-height:1.5}
.learning-ui .btn:hover:not(:disabled){background:#f0f8ff;color:#0874ed;border-color:#aacfee;transform:none;box-shadow:none}
.learning-ui .btn-primary{background:#0878f9;border:1px solid #0878f9;color:#fff;box-shadow:0 3px 9px #0878f91a}
.learning-ui .btn-primary:hover:not(:disabled){background:#0068e2;color:#fff;border-color:#0068e2;box-shadow:0 4px 12px #0878f925}
.learning-ui .btn:active:not(:disabled){transform:translateY(1px)}
.learning-ui .btn-sm{min-height:32px;padding:6px 10px;font-size:11px}
.learning-ui .icon-button{box-shadow:none;background:#f3f8fd;color:#5e7c99;border:1px solid #e1ebf5}
.learning-ui input:not([type=checkbox]):not([type=radio]),.learning-ui select,.learning-ui textarea{border:1px solid #dce7f2;border-radius:9px;background:#fbfdff;color:#24415f;font-size:13px;box-shadow:none;min-height:40px;padding:10px 12px;line-height:1.5}
.learning-ui input:focus,.learning-ui select:focus,.learning-ui textarea:focus{border-color:#409bfb;box-shadow:0 0 0 3px #e5f2ff;outline:none;background:#fff}
.learning-ui input::placeholder,.learning-ui textarea::placeholder{color:#8b9db1}
.learning-ui input[type=checkbox],.learning-ui input[type=radio]{accent-color:#0878f9}
.learning-ui .form-field>span,.learning-ui .field>label{font-size:12px;font-weight:600;color:#47627e}
.learning-ui .panel,.learning-ui .stat{border:1px solid #e4edf5;border-radius:15px;background:#fff;box-shadow:0 3px 16px #35659305}
.learning-ui .panel-header{padding:19px 20px 15px;gap:10px}.learning-ui .panel-body{padding:0 20px 20px}
.learning-ui .stats{gap:14px;margin-bottom:22px}.learning-ui .stat{padding:17px 18px}
.learning-ui .stat-value{font-size:28px;line-height:1.3;color:#244d74;margin:10px 0 5px;letter-spacing:-1px}
.learning-ui .stat-top,.learning-ui .stat-note{font-size:11px}.learning-ui .stat-icon{border:0;box-shadow:none;border-radius:10px;background:#eaf4ff;color:#0878f9}
.learning-ui .pill{border-radius:6px;box-shadow:none;font-size:10px;font-weight:600;padding:4px 8px}
.learning-ui .notice,.learning-ui .insight,.learning-ui .action-guidance{border-radius:11px;box-shadow:none;border-color:#e0ebf5;background:#f4f9ff;padding:15px 16px}
.learning-ui .notice p,.learning-ui .action-guidance p{font-size:12px}
.learning-ui .tabs,.learning-ui .segmented,.learning-ui .task-tabs{border:0;background:#f0f5fa;box-shadow:none;border-radius:9px;padding:4px}
.learning-ui .tabs .active,.learning-ui .segmented .active{background:white;color:#0878f9;box-shadow:0 1px 5px #3466970b}
.learning-ui .table-wrap{border-radius:12px}.learning-ui table{font-size:12px}
.learning-ui th{background:#f5f9fd;color:#6d849b;font-size:10px;font-weight:650;letter-spacing:.02em;padding:13px 16px;border-color:#e7eef6}
.learning-ui td{padding:15px 16px;border-color:#edf2f7;color:#3f5a76}
.learning-ui tr:hover td{background:#f9fcff}
.learning-ui .table-wrap .btn{min-height:31px;font-size:11px;padding:6px 10px}
.learning-ui .footer{border-top:1px solid #e4edf5;color:#8496aa;font-size:10px;padding-top:20px;margin-top:27px}
/* A compact welcome and a focused two-column learning desk. */
.learning-ui .student-overview .welcome-banner{padding:24px 28px;min-height:164px;border:1px solid #d6eafa;border-radius:18px;background:linear-gradient(110deg,#e8f4ff,#f1faff 70%,#dff2ff);box-shadow:none;overflow:visible;margin-bottom:21px}
.learning-ui .welcome-banner:before,.learning-ui .welcome-banner:after{display:none}
.learning-ui .welcome-copy{max-width:calc(100% - 185px)}
.learning-ui .welcome-copy h1{font-size:26px;color:#1e4c76}.learning-ui .welcome-copy>p{font-size:12px;margin-top:9px;max-width:620px;color:#587a98}
.learning-ui .welcome-class{margin-top:16px;gap:8px;flex-wrap:wrap}.learning-ui .context-pill{padding:4px 9px;min-height:26px;font-size:10px;background:#ffffffc9;border:1px solid #d7eafa;box-shadow:none;color:#4c7598;border-radius:7px}
.learning-ui .welcome-companion{width:165px;right:20px}.learning-ui .welcome-companion .companion-robot{width:105px;height:105px}.learning-ui .companion-tap-hint{font-size:10px;color:#7392aa}
.learning-ui .student-overview .subject-navigation{margin:0 0 23px}
.learning-ui .subject-navigation-head{gap:12px;margin:0 0 12px}.learning-ui .subject-navigation-head label{font-size:14px;font-weight:700}.learning-ui .subject-navigation-head select{width:180px;min-height:34px;font-size:11px;padding:6px 10px;border-radius:8px}
.learning-ui .subject-navigation-head>span{font-size:10px;color:#7c91a8}
.learning-ui .student-overview .subject-cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.learning-ui .student-overview .subject-card{border:1px solid var(--subject-border,#dceafa);border-radius:12px;min-height:91px;padding:13px 11px;gap:9px;box-shadow:none;background:var(--subject-bg,#edf6ff);transform:none;align-items:center}
.learning-ui .student-overview .subject-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3a749115}
.learning-ui .student-overview .subject-card.selected{outline:2px solid var(--subject-color,#1684f7);outline-offset:2px;box-shadow:none}
.learning-ui .student-overview .subject-card-icon{height:33px;width:33px;min-width:33px;border-radius:9px;box-shadow:none;background:var(--subject-color,#1684f7);color:#fff}
.learning-ui .subject-card-icon .icon{width:19px;height:19px}.learning-ui .subject-card-copy{min-width:0;gap:4px}
.learning-ui .student-overview .subject-card strong{font-size:11px;line-height:1.45;color:#2e4e70;white-space:normal}.learning-ui .student-overview .subject-card small{font-size:9px;color:#71869d;line-height:1.5}
.learning-ui .subject-card-progress{height:3px;margin-top:6px;background:#ffffffc9;border-radius:4px}
.learning-ui .learning-desk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:20px;align-items:start}
.learning-ui .learning-desk-primary{display:grid;gap:18px;min-width:0}.learning-ui .learning-desk-library{min-width:0}
.learning-ui .next-learning{border-top:3px solid #3c98ff;background:#fff;min-height:0;height:auto}
.learning-ui .next-learning .panel-body{display:block;min-height:0;height:auto}
.learning-ui .next-learning .panel-body>h3{font-size:19px;line-height:1.5;margin:12px 0 8px}
.learning-ui .next-learning .panel-body>p{font-size:12px;margin-bottom:17px}
.learning-ui .next-learning .panel-body>.btn{margin-top:14px}
.learning-ui .task{background:white;border:1px solid #e5edf6;border-radius:11px;padding:14px;margin-bottom:10px;box-shadow:none}
.learning-ui .task:hover{background:#f8fcff;box-shadow:none}.learning-ui .task h3{font-size:13px}.learning-ui .task small{font-size:10px}
.learning-ui .task-score{color:#1481ec;font-size:20px}
.learning-ui .learning-desk-library .panel-body{max-height:520px;overflow:auto}
.learning-ui .overview-feedback{margin:0;border:0}.learning-ui .overview-feedback>summary{font-size:12px;padding:0 0 11px;color:#627f9e}
.learning-ui .overview-extra{margin-top:19px;border:1px solid #e2ecf5;border-radius:13px;background:#fff;padding:0;overflow:hidden}
.learning-ui .overview-extra>summary{padding:16px 20px;font-size:12px;color:#55738e;font-weight:600}
.learning-ui .overview-extra .reference-bottom{margin:0;padding:0 16px 16px;display:block}
.learning-ui .overview-extra .panel{border:0;box-shadow:none}.learning-ui .bar-chart{background:#f6faff;border:1px solid #e4eef7;border-radius:12px;min-height:150px;max-height:190px}
/* Login is a clear, bright entry point, with the same components as the app. */
.learning-ui .login-shell{background:#f4f9ff;min-height:100dvh;padding:24px;gap:0;grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr)}
.learning-ui .login-story{background:linear-gradient(145deg,#e2f1ff,#ecf8ff 60%,#d9efff);border:1px solid #d3e8fa;border-radius:22px;box-shadow:none;min-height:calc(100dvh - 48px);padding:32px 42px;overflow:hidden}
.learning-ui .login-story:before,.learning-ui .login-story:after{display:none}
.learning-ui .login-brand-row{gap:20px}.learning-ui .login-brand-row img{width:146px}.learning-ui .login-brand-row .brand{font-size:18px;color:#215a92;border-color:#bddaf4}
.learning-ui .login-story-copy{padding-top:36px;max-width:620px;margin:auto 0}
.learning-ui .login-story h1{font-size:clamp(31px,3.2vw,48px);line-height:1.3;letter-spacing:-1.8px;color:#244c70;margin:22px 0 17px}
.learning-ui .login-story h1 span{color:#0878f9;background:none;-webkit-text-fill-color:currentColor}
.learning-ui .login-story-copy>p{font-size:13px;color:#5c7f9f;line-height:1.9;max-width:430px}
.learning-ui .auth-eyebrow{border:0;background:#ffffffa8;box-shadow:none;color:#3f89c9;letter-spacing:.09em;font-size:9px;padding:8px 12px;border-radius:7px}
.learning-ui .login-story .login-hero-art{margin-top:28px;max-height:310px}.learning-ui .login-story-footer{font-size:11px;color:#6390b2}
.learning-ui .login-side{background:white;border-radius:0 22px 22px 0;padding:30px 42px;box-shadow:none;min-height:0}
.learning-ui .login-form{max-width:390px;width:100%;padding:0;margin:auto}
.learning-ui .login-form h2{font-size:27px;color:#20456a;margin-top:19px}.learning-ui .login-form>p{font-size:12px;color:#7890a6;margin-top:10px}
.learning-ui .login-form .auth-intro-icon{background:#eff7ff;border:1px solid #dceeff;box-shadow:none;width:42px;height:42px;border-radius:12px;color:#1688f7}
.learning-ui .auth-domain{font-size:10px;background:#f2f8ff;border:0;color:#6d92b4;padding:5px 8px}
.learning-ui .login-form .auth-tabs{margin-top:24px;background:#f0f5fa;border:0;padding:4px;box-shadow:none;border-radius:9px}
.learning-ui .login-form .auth-tabs button{font-size:12px;min-height:36px;background:none;color:#7f92a5;box-shadow:none;border:0;border-radius:6px}
.learning-ui .login-form .auth-tabs button.active{background:#fff;color:#0878f9;box-shadow:0 1px 4px #3c6b9109}
.learning-ui .login-form .google-button{border:1px solid #e0eaf3;border-radius:9px;box-shadow:none;min-height:42px;font-size:12px;background:white}
.learning-ui .login-form input{min-height:42px;background:#f9fcff;border:1px solid #dce8f4;font-size:12px;padding:10px 12px}
.learning-ui .login-form .form-field{margin-bottom:16px}.learning-ui .login-form .btn-primary{min-height:43px;font-size:12px}
.learning-ui .auth-divider{font-size:10px;margin:18px 0}.learning-ui .demo-box{background:#f8fbff;border:1px solid #e1ecf6;box-shadow:none;border-radius:10px;font-size:11px;margin-top:22px}
.learning-ui .demo-box summary{font-size:11px}.learning-ui .language-control{font-size:10px;color:#7b93ab}.learning-ui .language-control select{min-height:31px;font-size:11px;width:auto;padding:5px 9px}
.learning-ui .login-bottom{font-size:10px;color:#8da1b4;margin-top:18px}
/* Editors, profile, chat, forum and reports use the same daylight materials. */
.learning-ui .profile-layout{gap:22px;grid-template-columns:270px minmax(0,1fr)}
.learning-ui .profile-card{border-radius:16px;box-shadow:none;border-color:#e3edf6}.learning-ui .profile-card-cover{background:linear-gradient(120deg,#dbf0ff,#edfaff)}
.learning-ui .profile-card-body{padding:22px}.learning-ui .profile-card-body h2{font-size:20px}.learning-ui .profile-card-body>p{font-size:12px}
.learning-ui .lesson-library{grid-template-columns:230px minmax(0,1fr);gap:20px}.learning-ui .lesson-choice{border-radius:9px;margin:4px 8px;width:calc(100% - 16px);padding:13px 12px;box-shadow:none}
.learning-ui .lesson-choice.active{background:#eaf5ff;border-color:#d4eaff;color:#0878f9}.learning-ui .worksheet-level{border-radius:12px;background:#fff;border-color:#e2ecf6}
.learning-ui .worksheet-level>summary{background:#f3f9ff;padding:15px 17px}.learning-ui .worksheet-slot{border-radius:10px;background:white;box-shadow:none;padding:16px}
.learning-ui .preparation-steps,.learning-ui .lesson-flow-explainer{background:#edf7ff;border:1px solid #dceeff;border-radius:12px;box-shadow:none}
.learning-ui .community-filter,.learning-ui .forum-post-card,.learning-ui .forum-thread,.learning-ui .forum-reply{border:1px solid #e1ecf6;border-radius:14px;box-shadow:none;background:#fff}
.learning-ui .ant-chat-sidebar,.learning-ui .ant-chat-main{background:#fff;border:1px solid #e0ebf5;border-radius:14px;box-shadow:none}
.learning-ui .kien-sidebar-section-label{color:#93a6b8;font-size:9px}.learning-ui .thread-item{color:#4f6d89;border-radius:7px;font-size:12px;background:none}
.learning-ui .thread-item.active{background:#e9f5ff;color:#0878f9}.learning-ui .kien-chat-header{background:#fcfeff;border-bottom:1px solid #e7eff6}
.learning-ui .ant-messages{background:white;background-image:none}.learning-ui .ant-message-body{box-shadow:none;border-radius:12px;background:#f2f7fc;border-color:#e5eef6;color:#2d4b68}
.learning-ui .ant-message.user .ant-message-body{background:#1486f7;color:#fff;border-color:#1486f7;box-shadow:none}
.learning-ui .chatgpt-composer-box{background:#f9fcff;border:1px solid #d9e8f6;box-shadow:none;border-radius:16px}
.learning-ui .chatgpt-composer-box:focus-within{border-color:#7fbaf7;box-shadow:0 0 0 3px #edf6ff}
.learning-ui .chatgpt-send-btn{background:#0878f9;box-shadow:none}.learning-ui .quick-prompts-bar{background:#fcfeff;border-color:#ecf3f9}
.learning-ui .shop-card{border-radius:14px;box-shadow:none}.learning-ui .shop-studio-banner{background:linear-gradient(110deg,#e7f4ff,#f0fbff);border:1px solid #d7ebfb;box-shadow:none}
.learning-ui .rank-card,.learning-ui .achievement-card{border-radius:12px;box-shadow:none}
.learning-ui #modal[open]{border:1px solid #d9e7f4;border-radius:18px;background:#fff;box-shadow:var(--dialog-shadow)}
.learning-ui #modal::backdrop{background:rgba(35,65,95,.3);backdrop-filter:blur(3px)}
.learning-ui .modal-head{background:#fff;border-bottom:1px solid #e3edf6;padding:17px 22px}.learning-ui .modal-head h2{font-size:18px;color:#284f72}
.learning-ui .modal-head .icon-button{background:#f6faff;border:0;border-radius:8px;color:#7b93aa}
.learning-ui .modal-content{padding:22px;background:#fbfdff}
.learning-ui .exam-studio-toolbar,.learning-ui .review-toolbar{background:white;border:1px solid #e0ebf6;border-radius:11px;box-shadow:none;padding:10px 13px}
.learning-ui .work-guidance-card,.learning-ui .review-guidance-card,.learning-ui .work-finding{background:#fff;border:1px solid #e1ecf6;border-radius:12px;box-shadow:none}
.learning-ui .topbar-xp-trigger{background:#f1fcf8;border:1px solid #c6ecdd;box-shadow:none;padding:5px 8px;min-height:34px;gap:9px}
.learning-ui .topbar-xp-trigger strong{font-size:11px}.learning-ui .topbar-xp-check{width:22px;height:22px;min-width:22px;border-radius:7px;box-shadow:none}.learning-ui .topbar-xp-streak-pill{font-size:10px;min-height:24px;padding:3px 8px;box-shadow:none}
/* One question at a time, with a stable answer map and compact navigation. */
.learning-ui #modal:has(.focused-quiz)>.modal-content{padding:16px 22px;background:#f3f8fc;gap:0}
.learning-ui .focused-quiz{max-width:1250px;grid-template-columns:minmax(0,1fr) 250px;gap:20px}
.learning-ui .focused-quiz .native-question-list{display:flex;flex-direction:column;padding:0;gap:16px;background:#fff;border:1px solid #e0ebf4;border-radius:14px;overflow:auto;min-height:0}
.learning-ui .focused-question-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px;border-bottom:1px solid #e8f0f6;flex-shrink:0}
.learning-ui [data-current-question]{color:#244f78;font-size:16px;font-weight:700}
.learning-ui .focused-mode{font-size:10px;color:#6091b8;background:#edf7ff;padding:5px 9px;border-radius:6px}
.learning-ui .focused-quiz .practice-q{border:0;padding:12px 24px 22px;margin:0;border-radius:0;background:#fff;min-width:0;flex:1;box-shadow:none}
.learning-ui .focused-quiz .practice-q[hidden]{display:none!important}
.learning-ui .focused-quiz .practice-q legend{font-size:18px;line-height:1.65;font-weight:650;padding:0;max-width:100%;width:100%;color:#203f60}
.learning-ui .focused-quiz .native-options{display:grid;grid-template-columns:1fr;gap:11px;margin-top:22px}
.learning-ui .focused-quiz .choice{background:#fff;border:1px solid #dce7f2;box-shadow:none;border-radius:9px;padding:13px 15px;min-height:50px;align-items:center;gap:12px;font-size:14px;line-height:1.6;color:#35516f;transform:none}
.learning-ui .focused-quiz .choice:hover{background:#f7fbff;border-color:#9fcbf7;transform:none}
.learning-ui .focused-quiz .choice:has(input:checked){background:#edf6ff;border-color:#3896ff;box-shadow:none;color:#174f8d}
.learning-ui .focused-quiz .choice input{margin:0;width:18px;height:18px;flex-basis:18px;min-height:18px}
.learning-ui .focused-quiz .choice.right{background:#eafbf3;border-color:#95d8b7;color:#227858}
.learning-ui .focused-quiz .choice.wrong{background:#fff1f1;border-color:#f4b9ba;color:#ad4a50}
.learning-ui .focused-question-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;background:#fbfdff;border-top:1px solid #e8f0f6;flex-shrink:0}
.learning-ui .focused-question-footer>span{font-size:11px;color:#879bb0}
.learning-ui .focused-quiz .native-question-nav{border-radius:14px;padding:18px;gap:17px;border:1px solid #e1ecf5;background:#fff}
.learning-ui .focused-progress{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;color:#53708b;font-size:12px;font-weight:600}
.learning-ui .focused-progress strong{color:#0878f9;font-size:14px}.learning-ui .focused-track{grid-column:1/-1;background:#edf3f9;height:6px;border-radius:6px;overflow:hidden}.learning-ui .focused-track>span{display:block;background:#2492ff;height:100%;transition:width .15s}
.learning-ui .focused-quiz .native-question-nav h3{font-size:13px}.learning-ui .focused-quiz .native-question-nav [data-native-progress]{display:none}
.learning-ui .focused-quiz .native-question-palette{gap:8px}
.learning-ui .focused-quiz .exam-palette-btn{height:34px;min-height:34px;border-radius:50%;background:#f6f9fc;border:1px solid #dce7f2;box-shadow:none;color:#72869d;font-size:12px;padding:0;transform:none}
.learning-ui .focused-quiz .exam-palette-btn.is-answered{background:#e4f8ee;color:#298263;border-color:#b9e6d3}
.learning-ui .focused-quiz .exam-palette-btn.is-current{background:#1688fa;color:#fff;border-color:#1688fa;box-shadow:0 2px 6px #1688fa25}
.learning-ui .focused-quiz .exam-palette-btn.is-right{background:#e5f9ef;color:#23825f;border-color:#a5dfc4}.learning-ui .focused-quiz .exam-palette-btn.is-wrong{background:#fff0f1;color:#bd5660;border-color:#f4c1c6}
.learning-ui .focused-quiz .explanation{background:#eefaf4;color:#316f56;border:1px solid #d6eee1;border-radius:11px;margin-top:20px;padding:16px;font-size:13px;line-height:1.9;white-space:pre-line}
.learning-ui .focused-quiz .native-submit{padding-top:16px;border-top:1px solid #e8eff6}
.learning-ui .focused-quiz .native-question-nav>.btn{font-size:11px;background:#f4f9ff}
.learning-ui .login-story .login-illustration{max-height:300px;margin:16px auto 8px}.learning-ui .login-story .login-illustration .companion-robot{max-height:240px}
@media(max-width:1000px){.learning-ui .focused-quiz{grid-template-columns:minmax(0,1fr) 210px;gap:14px}.learning-ui .focused-quiz .practice-q legend{font-size:16px}}
@media(max-width:760px){.learning-ui #modal:has(.focused-quiz)>.modal-content{padding:10px}.learning-ui .focused-quiz{display:flex;flex-direction:column;gap:10px}.learning-ui .focused-quiz .native-question-list{order:2;flex:1;gap:10px}.learning-ui .focused-quiz .native-question-nav{order:1;display:grid;grid-template-columns:1fr auto;gap:9px;padding:12px;overflow:visible;max-height:none;border-radius:11px}.learning-ui .focused-quiz .native-question-nav>h3,.learning-ui .focused-quiz .native-question-nav>p,.learning-ui .focused-quiz .native-question-nav>.btn,.learning-ui .focused-progress{display:none}.learning-ui .focused-quiz .native-question-palette{grid-column:1;grid-row:1;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr))}.learning-ui .focused-quiz .exam-palette-btn{width:27px;height:27px;min-height:27px;font-size:10px;justify-self:center}.learning-ui .focused-quiz .native-submit{grid-column:2;grid-row:1;padding:0;border:0}.learning-ui .focused-quiz .native-submit .btn{max-width:85px;min-height:36px;font-size:10px}.learning-ui .focused-question-header{padding:12px 15px}.learning-ui [data-current-question]{font-size:13px}.learning-ui .focused-quiz .practice-q{padding:8px 15px 15px}.learning-ui .focused-quiz .practice-q legend{font-size:15px}.learning-ui .focused-quiz .native-options{margin-top:15px;gap:8px}.learning-ui .focused-quiz .choice{font-size:12px;padding:11px 12px;min-height:44px}.learning-ui .focused-question-footer{padding:12px 15px;position:sticky;bottom:0}.learning-ui .focused-question-footer .btn{font-size:10px;padding:8px}.learning-ui .login-story .login-illustration{display:none}}
@media(min-width:1700px){.learning-ui .content{padding:30px 42px}.learning-ui .learning-desk{grid-template-columns:minmax(0,1.3fr) minmax(350px,.85fr)}}
@media(max-width:1200px){.learning-ui{--sidebar-width:198px}.learning-ui .content{padding:22px}.learning-ui .student-overview .subject-card{padding:12px 9px;gap:7px}.learning-ui .student-overview .subject-card-icon{width:28px;height:28px;min-width:28px}.learning-ui .student-overview .subject-cards{gap:8px}.learning-ui .learning-desk{grid-template-columns:minmax(0,1fr) minmax(285px,.8fr)}.learning-ui .top-tools .today{display:none}}
@media(max-width:1000px){.learning-ui .student-overview .subject-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.learning-ui .learning-desk{grid-template-columns:1fr}.learning-ui .learning-desk-library .panel-body{max-height:none}.learning-ui .login-shell{grid-template-columns:1fr 1fr;padding:14px}.learning-ui .login-story{padding:28px 24px;min-height:calc(100dvh - 28px)}.learning-ui .login-side{padding:25px}.learning-ui .login-brand-row img{width:110px}.learning-ui .login-brand-row .brand{font-size:14px}.learning-ui .profile-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.learning-ui{--sidebar-width:216px}.learning-ui .topbar{height:56px;min-height:56px;padding:0 14px;gap:9px}.learning-ui .breadcrumb{font-size:11px}.learning-ui .top-tools{gap:8px}.learning-ui .top-tools .sync-button,.learning-ui .topbar-xp-streak-pill{display:none}.learning-ui .content{padding:17px 14px}.learning-ui h1{font-size:23px}.learning-ui .student-overview .welcome-banner{padding:20px 18px;min-height:150px}.learning-ui .welcome-copy{max-width:calc(100% - 68px)}.learning-ui .welcome-copy h1{font-size:21px}.learning-ui .welcome-copy>p{font-size:11px}.learning-ui .welcome-class{gap:5px;margin-top:12px}.learning-ui .context-pill{font-size:9px;padding:3px 6px}.learning-ui .welcome-companion{right:8px;width:65px}.learning-ui .welcome-companion .companion-robot{width:62px;height:62px}.learning-ui .companion-tap-hint{display:none}.learning-ui .subject-navigation-head>span{display:none}.learning-ui .subject-navigation-head select{width:150px}.learning-ui .student-overview .subject-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.learning-ui .student-overview .subject-card{min-height:72px;padding:12px}.learning-ui .student-overview .subject-card strong{font-size:12px}.learning-ui .learning-desk{gap:14px}.learning-ui .panel-header{padding:16px}.learning-ui .panel-body{padding:0 16px 16px}.learning-ui .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.learning-ui .stat{padding:14px}.learning-ui .stat-value{font-size:24px}.learning-ui .profile-layout,.learning-ui .lesson-library{grid-template-columns:1fr}.learning-ui .login-shell{display:block;padding:0;background:white}.learning-ui .login-story{min-height:0;padding:22px;border-radius:0;border:0;background:#eaf5ff}.learning-ui .login-story-copy{padding-top:10px}.learning-ui .login-story h1{font-size:28px;letter-spacing:-1px;margin:14px 0 8px}.learning-ui .login-story-copy>p{font-size:12px}.learning-ui .login-story .hero-art,.learning-ui .login-story .login-hero-art,.learning-ui .login-story-footer,.learning-ui .auth-eyebrow{display:none}.learning-ui .login-side{padding:26px 23px;border-radius:0}.learning-ui .login-form{max-width:430px}.learning-ui .login-form h2{font-size:25px}.learning-ui .modal-head{padding:15px 16px}.learning-ui .modal-content{padding:17px}.learning-ui #modal[open]{border-radius:14px}.learning-ui .footer{font-size:9px}.learning-ui .learning-desk-primary{gap:14px}}

.learning-ui .login-form{border:0;background:none;box-shadow:none;border-radius:0;backdrop-filter:none;isolation:auto}.learning-ui .sidebar .nav-item{font-size:13px}.learning-ui .student-overview .subject-card strong{font-size:12px}.learning-ui .student-overview .subject-card small{font-size:10px}.learning-ui .task h3{font-size:14px}.learning-ui .task small{font-size:11px}.learning-ui .page-heading p{font-size:13px}.learning-ui .workspace .context-copy small{white-space:normal}.learning-ui .sidebar .rank-teacher,.learning-ui .sidebar .rank-homeroom{color:#3073b7;background:#edf6ff;border-color:#c6def5}

.learning-ui .student-overview .welcome-copy{flex:1 1 auto;width:auto;min-width:0}
.learning-ui .student-overview .welcome-companion{flex:0 0 150px;min-width:0}
.learning-ui .practice-clock.exam-clock-pill-bar{background:#effaf5;border:1px solid #d0eddf;color:#43816a;box-shadow:none;border-radius:9px;padding:7px 11px}
.learning-ui .exam-clock-badge{background:none;color:#43816a;border:0;box-shadow:none}
.learning-ui .exam-clock-digits{color:#208b61}.learning-ui .exam-clock-dot{background:#3fba8b;box-shadow:none}.learning-ui .exam-clock-save{color:#72a18d;border-color:#d5eadd}
.learning-ui .login-story{height:auto;position:relative;top:auto}
@media(max-width:760px){
 .learning-ui .student-overview .welcome-banner{display:flex;align-items:center;gap:10px}
 .learning-ui .student-overview .welcome-copy{width:calc(100% - 65px);max-width:none;flex:1 1 auto}
 .learning-ui .student-overview .welcome-companion{position:relative;inset:auto;flex:0 0 62px;width:62px;height:auto;min-width:0}
 .learning-ui .student-overview .welcome-copy h1{font-size:20px;line-height:1.45}
 .learning-ui .student-overview .welcome-copy>p{font-size:11px;line-height:1.65}
 .learning-ui .student-overview .classroom-student-entry{font-size:10px;padding:7px 9px;width:auto;max-width:100%;white-space:normal}
 .learning-ui #modal:has(.focused-quiz)>.modal-content{padding:10px!important}
 .learning-ui #modal:has(.focused-quiz) .exam-studio-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:9px 11px}
 .learning-ui #modal:has(.focused-quiz) .exam-studio-status{grid-column:1;grid-row:1}
 .learning-ui #modal:has(.focused-quiz) .exam-studio-tools{grid-column:2;grid-row:1}
 .learning-ui #modal:has(.focused-quiz) .practice-clock{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center;width:100%;min-width:0;padding:5px 8px}
 .learning-ui #modal:has(.focused-quiz) .exam-studio-toolbar .btn{font-size:10px;min-height:28px;padding:5px 8px}
 .learning-ui #modal:has(.focused-quiz)>.modal-content>p{font-size:10px;margin-bottom:8px;line-height:1.5}
 .learning-ui .focused-quiz .native-question-nav{display:flex;flex-direction:column;gap:9px;flex:0 0 auto;padding:10px 12px}
 .learning-ui .focused-quiz .native-question-palette{display:grid;width:100%;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;min-width:0}
 .learning-ui .focused-quiz .exam-palette-btn{width:25px;height:25px;min-height:25px;max-width:100%;justify-self:center}
 .learning-ui .focused-quiz .native-submit{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;width:100%;padding:0;gap:5px}
 .learning-ui .focused-quiz .native-submit .form-error{flex:1 1 100%;font-size:10px;padding:7px 9px;line-height:1.5}
 .learning-ui .focused-quiz .native-submit .form-error:empty{display:none}
 .learning-ui .focused-quiz .native-submit .btn{font-size:10px;min-height:30px;width:auto;max-width:none;padding:6px 12px}
}

@media(min-width:761px) and (max-height:780px){
 .learning-ui .login-shell{padding:14px;min-height:100dvh}
 .learning-ui .login-story{padding:24px 32px;min-height:calc(100dvh - 28px)}
 .learning-ui .login-story-copy{padding-top:16px}
 .learning-ui .login-story h1{font-size:36px;margin:16px 0 12px}
 .learning-ui .login-story .login-illustration{max-height:230px;margin:10px auto}
 .learning-ui .login-story .login-illustration .companion-robot{max-height:180px}
 .learning-ui .login-side{padding:18px 30px}
 .learning-ui .login-form .auth-intro-icon,.learning-ui .auth-domain{display:none}
 .learning-ui .language-control{margin-bottom:14px}
 .learning-ui .login-form h2{margin-top:0;font-size:25px}
 .learning-ui .login-form .auth-tabs{margin-top:16px}
 .learning-ui .login-form>p{margin:6px 0 10px}
 .learning-ui .auth-divider{margin:13px 0}
 .learning-ui .login-form .form-field{margin-bottom:12px}
 .learning-ui .demo-box{margin-top:13px}
 .learning-ui .login-bottom{margin-top:12px}
}

/* Readability and layout corrections from the interactive review. */
.learning-ui .sidebar .workspace.student-context:has(.workspace-context){background:none;border:0;padding:0 3px;box-shadow:none}
.learning-ui .sidebar .workspace:has(.workspace-context) .classroom-switch{width:100%;text-align:left}
.learning-ui .sidebar .workspace:has(.workspace-context) .context-copy{flex:1;min-width:0}
.learning-ui .sidebar .workspace:has(.workspace-context) .context-copy strong{white-space:nowrap}
.learning-ui .sidebar .workspace:has(.workspace-context) .context-copy small{font-size:10px;line-height:1.55}
.learning-ui .sidebar .context-hint{display:none}
.learning-ui .sidebar .rank-badge[class*=teacher],.learning-ui .sidebar .rank-badge[class*=homeroom]{color:#326a9e;text-shadow:none;background:#edf7ff;border-color:#c9e1f5;box-shadow:none}
.learning-ui .learning-desk .panel-header h2{font-size:18px}
.learning-ui .next-learning .panel-body>p{font-size:13px;margin-bottom:17px}
.learning-ui #quick-checkin-form .form-field{margin-bottom:14px}
.learning-ui #quick-checkin-form .form-field>span{font-size:12px;margin-bottom:7px}
.learning-ui .quick-checkin-main{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;align-items:start}
.learning-ui .quick-checkin-main textarea{min-height:62px;resize:vertical;font-size:12px;line-height:1.6}
.learning-ui .quick-checkin-optional{border-top:1px solid #e7eff6;border-bottom:1px solid #e7eff6;margin:0 0 13px}
.learning-ui .quick-checkin-optional>summary{padding:12px 0;font-size:12px;color:#4f779a;cursor:pointer;line-height:1.5}
.learning-ui .quick-checkin-optional>summary span{float:right;font-size:10px;color:#8599ad}
.learning-ui .quick-checkin-optional>div{padding:5px 0 3px}
.learning-ui #quick-checkin-form .source-note{font-size:10px;line-height:1.5;margin:0 0 12px;color:#7e91a6}
.learning-ui #quick-checkin-form .form-error:empty{display:none}
.learning-ui #quick-checkin-form>.btn-primary{font-size:13px;min-height:40px}
.learning-ui #quick-checkin-form>.quick-checkin-detail{display:block;margin:10px auto 0;padding:3px 8px;border:0;background:none;box-shadow:none;color:#5c86aa;font-size:11px;min-height:27px}
.learning-ui .student-overview .welcome-class .classroom-student-entry{margin:0;padding:4px 9px;min-height:26px;font-size:10px;line-height:1.5;border-color:#d7eafa;background:#ffffffc9;box-shadow:none}
.learning-ui .student-overview .welcome-class .classroom-student-entry .icon{width:13px;height:13px}
.learning-ui .student-overview .welcome-banner{min-height:155px;padding:23px 28px}
.learning-ui .student-overview .welcome-class{margin-top:14px}
.learning-ui .student-overview .welcome-copy>p{font-size:13px;line-height:1.65}
.learning-ui .student-overview .subject-card small{font-size:11px}
.learning-ui .student-overview .subject-card strong{font-size:13px}
.learning-ui .subject-card-copy{min-width:0;flex:1}
.learning-ui .lesson-library>aside>.panel-header{flex-direction:column;align-items:flex-start;gap:10px;padding:18px}
.learning-ui .lesson-library>aside>.panel-header h2{font-size:16px;white-space:nowrap}
.learning-ui .lesson-library>aside>.panel-header .btn{min-height:28px;padding:5px 9px;font-size:10px;white-space:nowrap}
.learning-ui .lesson-choice strong{font-size:12px;line-height:1.6}
.learning-ui .lesson-choice small{font-size:10px}
.learning-ui .lesson-flow-explainer{padding:13px 18px;margin-bottom:12px}
.learning-ui .lesson-flow-explainer strong{font-size:13px}.learning-ui .lesson-flow-explainer p{font-size:11px;margin-top:6px}
.learning-ui .preparation-steps{margin-bottom:18px;padding:12px 18px;background:#fff;border-color:#e1ecf6}
.learning-ui .lesson-management-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.learning-ui .teacher-analysis-section{margin:0 0 21px;border:1px solid #e1ebf5;border-radius:13px;background:#fff;overflow:hidden}
.learning-ui .teacher-analysis-section>summary{padding:16px 19px;color:#4c7395;font-weight:600;font-size:13px;cursor:pointer}
.learning-ui .teacher-analysis-section .teacher-visuals{padding:0 16px;gap:14px;margin-bottom:14px}
.learning-ui .teacher-analysis-section .teacher-visuals .panel{background:#f8fbff;box-shadow:none}
.learning-ui .teacher-analysis-section .teaching-signals{padding:0 16px}
.learning-ui .dashboard-grid{align-items:start}.learning-ui .dashboard-grid>.stack{gap:18px}
.learning-ui .empty{padding:25px 20px;min-height:0}
.learning-ui .empty h3{font-size:14px}.learning-ui .empty p{font-size:12px;line-height:1.7}
.learning-ui .profile-appearance-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.learning-ui .profile-appearance-row:empty{display:none}
.learning-ui #profile-form textarea[name=bio]{min-height:65px}
.learning-ui #profile-form>.form-actions{margin-top:15px;padding-top:15px;border-top:1px solid #e7eff6}
.learning-ui .profile-card-body>p{font-size:13px;line-height:1.7}
.learning-ui .profile-card .profile-cover{height:70px}
.learning-ui .profile-card .avatar-large{width:68px;height:68px;font-size:29px}
.learning-ui .profile-card-body{padding:20px}
.learning-ui .profile-card .profile-level{margin-top:17px;padding:13px}
.learning-ui .profile-card .profile-numbers{margin-top:17px;padding-top:17px}
.learning-ui .table-caption,.learning-ui .small.muted{line-height:1.65}
.learning-ui .exam-clock-caption{color:#408666}.learning-ui .exam-clock-save{font-size:10px;color:#507b68}
.learning-ui .practice-clock.exam-clock-pill-bar.is-urgent{background:#fff4e9;border-color:#f0d5ac;box-shadow:none}
.learning-ui .practice-clock.is-urgent .exam-clock-caption,.learning-ui .practice-clock.is-urgent .exam-clock-digits{color:#a76317}
@media(min-width:761px) and (max-width:1150px){
 .learning-ui .student-overview .subject-card{padding:11px 9px;flex-direction:column;align-items:flex-start;gap:7px}
 .learning-ui .student-overview .subject-card-icon{width:28px;height:28px;min-width:28px}
 .learning-ui .student-overview .subject-card strong{font-size:12px}.learning-ui .student-overview .subject-card small{font-size:10px}
 .learning-ui .quick-checkin-main{grid-template-columns:115px minmax(0,1fr)}
}
@media(max-width:760px){
 .learning-ui .student-overview .welcome-banner{padding:19px 17px;min-height:160px}
 .learning-ui .student-overview .welcome-copy>p{font-size:12px}
 .learning-ui .student-overview .welcome-class{margin-top:12px;gap:6px}
 .learning-ui .student-overview .welcome-class .classroom-student-entry{font-size:9px}
 .learning-ui .student-overview .subject-card strong{font-size:12px}.learning-ui .student-overview .subject-card small{font-size:10px}
 .learning-ui .quick-checkin-main{grid-template-columns:1fr;gap:0}
 .learning-ui .quick-checkin-optional>summary{font-size:11px}.learning-ui .quick-checkin-optional>summary span{float:none;display:block;margin-top:3px}
 .learning-ui .profile-appearance-row{grid-template-columns:1fr;gap:0}
 .learning-ui .lesson-library>aside>.panel-header{flex-direction:row;align-items:center}
 .learning-ui .lesson-management-actions{justify-content:flex-start}
 .learning-ui .teacher-analysis-section>summary{font-size:12px}
}

.learning-ui #quick-checkin-form .source-note{padding:0;min-height:0;border:0;background:none;border-radius:0;margin:0 0 11px;box-shadow:none;color:#687f96;font-size:10px}
.learning-ui .quick-checkin-optional>summary{padding:10px 0}
.learning-ui .quick-checkin-optional>summary span{color:#647d96}
.learning-ui .quick-checkin-optional .quick-checkin-detail{font-size:11px;margin-bottom:12px}
.learning-ui .quick-checkin-main .symbol-input-toolbar,.learning-ui .quick-checkin-main .symbol-input{margin:0 0 5px}
.learning-ui .quick-checkin-main textarea{min-height:54px}
.learning-ui .quick-checkin-main .symbol-toggle{font-size:10px;padding:3px 7px;min-height:24px}
.learning-ui .student-overview .welcome-companion .mascot-trigger{min-height:0;height:110px}
.learning-ui .student-overview .welcome-companion .companion-robot{width:88px;height:88px}
.learning-ui .student-overview .welcome-companion .companion-tap-hint{font-size:10px;color:#688ba6}
.learning-ui .footer{color:#637b93}
.learning-ui .kien-sidebar-section-label{color:#657e96}
@media(max-width:760px){.learning-ui .student-overview .welcome-companion .mascot-trigger{height:80px}.learning-ui .student-overview .welcome-companion .companion-robot{width:62px;height:62px}}

@media(min-width:761px) and (max-height:800px){
 .learning-ui .content{padding-top:18px}
 .learning-ui .student-overview .welcome-banner{min-height:120px;padding:15px 23px;margin-bottom:16px}
 .learning-ui .student-overview .welcome-copy h1{font-size:23px;line-height:1.3}
 .learning-ui .student-overview .welcome-copy>p{font-size:12px;margin-top:6px}
 .learning-ui .student-overview .welcome-class{margin-top:10px}
 .learning-ui .student-overview .welcome-companion .mascot-trigger{height:82px}
 .learning-ui .student-overview .welcome-companion .companion-robot{width:65px;height:65px}
 .learning-ui .student-overview .welcome-companion .companion-tap-hint{font-size:9px}
 .learning-ui .student-overview .subject-navigation{margin-bottom:17px}
 .learning-ui .student-overview .subject-navigation-head{margin-bottom:10px}
 .learning-ui .student-overview .subject-card{min-height:75px;padding:10px}
 .learning-ui .student-overview .subject-card-icon{width:29px;height:29px;min-width:29px}
 .learning-ui .student-overview .subject-card small{font-size:10px}
 .learning-ui .learning-desk .panel-header{padding:14px 18px 12px}
 .learning-ui .learning-desk .panel-body{padding:0 18px 17px}
 .learning-ui #quick-checkin-form .form-field{margin-bottom:10px}
 .learning-ui #quick-checkin-form .quick-checkin-main textarea{min-height:48px}
 .learning-ui #quick-checkin-form .quick-checkin-optional{margin-bottom:9px}
 .learning-ui #quick-checkin-form .quick-checkin-optional>summary{padding:8px 0}
 .learning-ui #quick-checkin-form .source-note{margin-bottom:9px}
}

/* Speech floats beside the mascot; it must never take part in the narrow flex row. */
.learning-ui .student-overview .welcome-companion .mascot-speech{
 position:absolute;right:calc(100% - 4px);top:50%;bottom:auto;left:auto;
 flex:none;width:280px;min-width:240px;max-width:calc(100vw - 48px);
 padding:12px 15px;border:1px solid #bcd9f0;border-radius:13px;
 background:#fff;color:#285777;font-size:12px;line-height:1.7;font-weight:550;
 text-align:left;white-space:normal;overflow-wrap:break-word;word-break:normal;
 box-shadow:0 6px 20px rgba(33,87,126,.1);z-index:5;
 transform:translateY(-50%) translateX(6px);transform-origin:right center;
}
.learning-ui .student-overview .welcome-companion.is-speaking .mascot-speech{transform:translateY(-50%)}
.learning-ui .student-overview .welcome-companion .mascot-speech:after{
 background:#fff;border:0;border-top:1px solid #bcd9f0;border-right:1px solid #bcd9f0;
 width:11px;height:11px;right:-6px;top:calc(50% - 6px);bottom:auto;border-radius:1px;
}
@media(max-width:760px){
 .learning-ui .student-overview .welcome-companion .mascot-speech{
  top:50%;bottom:auto;right:0;left:auto;width:260px;min-width:0;
  max-width:calc(100vw - 48px);font-size:12px;transform:translateY(calc(-100% - 12px));transform-origin:bottom right;
 }
 .learning-ui .student-overview .welcome-companion.is-speaking .mascot-speech{transform:translateY(calc(-100% - 18px))}
 .learning-ui .student-overview .welcome-companion .mascot-speech:after{
  top:auto;bottom:-6px;right:22px;border-top:0;border-bottom:1px solid #bcd9f0;
 }
}

/* File import acknowledges the action immediately without blocking the editor. */
.import-loading{padding:18px!important;margin-top:14px;border:1px solid #bfd9fa;border-radius:16px;background:#f3f8ff;color:#243f60}
.import-loading-top{display:flex;align-items:center;gap:14px}.import-loading-top>div{flex:1;min-width:0}.import-loading-top strong{font-size:15px}.import-loading-top p,.import-loading-note{font-size:13px!important;line-height:1.55;margin:5px 0 0!important}.import-loading-time{font-size:12px;color:#526f91;white-space:nowrap;font-variant-numeric:tabular-nums}
.import-loading-spinner{width:28px;height:28px;flex:0 0 28px;border:3px solid #d3e5fc;border-top-color:#246ce3;border-radius:50%;animation:import-spin .85s linear infinite}
.import-loading-track{height:4px;margin:15px 0 10px;background:#dceafa;border-radius:8px;overflow:hidden}.import-loading-track span{display:block;width:35%;height:100%;border-radius:inherit;background:#377de6;animation:import-sweep 1.8s ease-in-out infinite}
.import-loading-note{color:#526f91}@keyframes import-spin{to{transform:rotate(360deg)}}@keyframes import-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.import-loading-spinner,.import-loading-track span{animation:none}}html.reduce-motion .import-loading-spinner,html.reduce-motion .import-loading-track span{animation:none}
@media(max-width:520px){.import-loading-top{flex-wrap:wrap}.import-loading-time{margin-left:42px}}

.worksheet-math-preview{margin:8px 0 14px;padding:12px 14px;border:1px solid #dbe7f6;border-radius:10px;background:#fff;line-height:1.75;overflow-x:auto;color:#193650}.worksheet-math-preview[hidden]{display:none}.worksheet-math-preview>small{display:block;font-size:11px;color:#647892;margin-bottom:7px}.worksheet-math-preview math{font-size:1.15em}.worksheet-math-preview .community-math{white-space:normal}

.worksheet-template-help{padding:14px;border:1px solid #d8e6f5;border-radius:12px;background:white;margin:10px 0 16px}.worksheet-template-help[hidden]{display:none}.worksheet-template-help p{margin:8px 0 0;line-height:1.6}.worksheet-other-formats{margin-top:10px}.worksheet-other-formats>summary{cursor:pointer;padding:12px 4px;color:#526b88;font-size:14px}.worksheet-other-formats>.btn{margin-top:10px;width:100%;text-align:left}

.lesson-library>aside .panel-header:has(.lesson-status-tabs){flex-direction:column;align-items:stretch;gap:12px}.lesson-status-tabs{display:flex;gap:4px;padding:4px;background:#edf3fa;border-radius:10px}.lesson-status-tabs button{flex:1;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#58708d;font:inherit;font-size:12px;cursor:pointer}.lesson-status-tabs button[aria-pressed=true]{background:white;color:#1762cb;box-shadow:0 1px 4px #173c6c12;font-weight:600}

.lesson-delivery{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #d9e5f3;background:#f6f9fd;border-radius:12px;padding:15px 18px;margin-bottom:18px}.lesson-delivery.is-assigned{background:#f0faf5;border-color:#b7e2ce;color:#176246}.lesson-delivery p{font-size:13px;line-height:1.6;margin:5px 0 0}.lesson-delivery .btn{flex-shrink:0}@media(max-width:700px){.lesson-delivery{align-items:stretch;flex-direction:column}}