:root{--green:#0860ff;--muted:#5d79aa;--line:#e2edfc;--ink:#07265f;color:#07265f;background:#f0f7ff;font-family:"Segoe UI","Noto Sans",Arial,sans-serif}body{background:radial-gradient(ellipse at 65% 35%,#f8fbff,#edf5ff)}.ui-icon{width:24px;height:24px;flex:none;vertical-align:middle}.sidebar{width:242px;padding:0;border-right:1px solid #e0ecfb;background:linear-gradient(110deg,#f9fcff,#f2f9ff);color:#163976}.brand{height:70px;flex:none;display:flex;justify-content:flex-start;gap:10px;padding:10px 27px;border-bottom:1px solid #e5effc;font-size:16px;line-height:1.25;letter-spacing:0;color:#004bdc;font-weight:650;background:#ffffffb5}.brand>svg{width:31px;height:43px;flex:none}.brand strong{font-size:18px;font-weight:700}.sidebar nav{display:flex;flex-direction:column;gap:8px;padding:16px 15px 0;margin:0}.nav-item{padding:8px 17px;gap:17px;height:37px;flex:none;border-radius:8px;font-size:12px;color:#173c81}.nav-item .ui-icon{height:21px;width:21px;stroke-width:1.65}.nav-item.active{color:#0059ff;background:linear-gradient(100deg,#d7e9ff,#d5e7ff);font-weight:650}.nav-item.active .ui-icon{stroke:#0865ff;stroke-width:2.3}.nav-item:hover{background:#e6f0ff}.nav-divider{border-top:1px solid #e0eafa;margin:20px 9px 0;padding-top:17px;font-size:11px;font-weight:600;color:#244881;white-space:nowrap}.sidebar-bottom{margin-top:auto;padding:20px 11px 22px}.reference-quote{height:246px;background:radial-gradient(ellipse at center,#eff8ff,#edf7fc);border-radius:22px;padding:16px 37px 11px;position:relative}.brain-art{display:block;width:93px;height:62px;margin:0 auto 6px}.reference-quote p{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:12px;font-style:italic;color:#0050e8;line-height:1.75;margin:5px 0}.smile-art{position:absolute;bottom:14px;right:37px;width:39px;height:39px}.shell{margin-left:242px}.topbar{height:70px;padding:0 23px 0 21px;border-bottom:1px solid #e7effa;background:#ffffffeb;display:flex;justify-content:space-between}.search-box{width:477px;height:38px;background:linear-gradient(100deg,#edf3fa,#eaf2fa);border-radius:11px;display:flex;align-items:center;gap:13px;padding:0 15px}.search-box svg{width:18px;height:18px;flex:none;color:#4267a5}.search-box input{outline:0;width:100%;border:0;background:none;font-size:12px;color:#204e97;padding:0}.search-box input::placeholder{color:#5574a7;opacity:1}.header-right{display:flex;align-items:center;gap:31px}.notification-button{position:relative;width:25px;height:29px;display:block}.notification-button>svg{width:25px;height:25px}.notification-button>span{position:absolute;right:-6px;top:-5px;border:1px solid white;border-radius:50%;background:#ff4b60;color:white;font-size:9px;width:17px;height:17px;display:grid;place-items:center}.header-profile{position:relative;display:flex;align-items:center;gap:11px;min-width:160px;cursor:pointer}.profile-photo{position:relative;width:39px;height:39px;border-radius:50%;background:#dfedff;overflow:hidden;flex:none}.profile-photo img{position:absolute;width:131px;max-width:none;left:-37px;top:-7px}.header-profile strong{font-size:12px;display:block;font-weight:650}.header-profile small{display:block;font-size:11px;color:#47679d;margin-top:2px}.header-profile select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;margin:0}.profile-chevron{margin-left:12px;font-size:21px;line-height:1}.header-profile:focus-within{outline:2px solid #7cacff;outline-offset:5px;border-radius:8px}main{max-width:none;padding:12px 13px 0 15px}.reference-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;max-width:1600px;margin:0 auto}.dashboard-center{min-width:0;display:flex;flex-direction:column;gap:9px}.reference-hero{height:214px;min-height:214px;margin:0 6px 3px 3px;background:linear-gradient(111deg,#295bed 0%,#3c7aff 56%,#4698ff 100%);border:1px solid #397dfb;border-radius:11px;position:relative;overflow:hidden;color:#fff}.banner-waves{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 80% 0%,#b1c8ff55,transparent 55%)}.banner-waves:before{content:"";position:absolute;top:-290px;left:-100px;width:620px;height:510px;border-radius:50%;border:35px solid #79a5ff20;transform:rotate(-25deg)}.banner-waves:after{content:"";position:absolute;top:-44px;left:50%;width:300px;height:330px;border-radius:48%;border-left:1px solid #acd0ff29;transform:rotate(45deg)}.banner-copy{position:relative;z-index:2;padding:16px 27px}.banner-copy h1{font-size:25px;line-height:1.37;letter-spacing:0;font-weight:600;margin:0 0 9px}.banner-copy p{font-size:14px;line-height:1.8;margin:0 0 15px;color:#fff}.start-learning{display:inline-flex;height:39px;align-items:center;gap:5px;background:linear-gradient(#fff,#f5faff);box-shadow:0 3px 7px #165df926;border-radius:24px;padding:0 24px;font-size:12px;font-weight:650;color:#005cff;border:1px solid white}.start-learning .ui-icon{width:16px;height:16px}.student-art{position:absolute;right:56px;bottom:-1px;width:375px;height:239px;object-fit:contain}.hero-formulas{position:absolute;inset:0;pointer-events:none;color:white;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:16px}.hero-formulas>span{position:absolute;transform:rotate(-10deg)}.hero-formulas>span:nth-child(1){right:135px;top:30px}.hero-formulas>span:nth-child(2){right:345px;top:118px}.hero-formulas>span:nth-child(3){right:168px;top:130px;font-size:24px}.banner-motto{position:absolute;right:35px;top:50px;transform:rotate(-11deg);font-family:"Segoe Print","Comic Sans MS",cursive;font-size:17px;color:#ffef80;line-height:1.13;text-align:center;font-weight:650}.quick-panel{height:175px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:12px;background:#fff;border:1px solid #e9f1ff;border-radius:11px}.blue{--accent:#176bff;--soft:#e8f1ff;--soft2:#f5f9ff}.mint{--accent:#14b494;--soft:#e7fbf5;--soft2:#f3fcf9}.violet{--accent:#8549f2;--soft:#f1eaff;--soft2:#faf7ff}.orange{--accent:#ff8517;--soft:#fff1df;--soft2:#fdf8f0}.pink{--accent:#f7458b;--soft:#fff0f6;--soft2:#fff7fa}.quick-card{position:relative;padding:8px 15px 14px;border-radius:12px;overflow:hidden;border:1px solid var(--soft);background:radial-gradient(ellipse at 30% 50%,var(--soft2),var(--soft))}.quick-icon{width:49px;height:49px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff9,var(--soft));color:var(--accent);display:grid;place-items:center;box-shadow:inset -5px -3px 10px color-mix(in srgb,var(--accent) 12%,transparent);margin-bottom:9px}.quick-icon .ui-icon{width:31px;height:31px;stroke-width:1.9;filter:drop-shadow(2px 2px 0 #fff)}.quick-card h2{font-size:13px;line-height:1.5;font-weight:650;margin-bottom:6px;white-space:nowrap}.quick-card p{font-size:10px;line-height:1.95;margin:0;color:#234985}.quick-arrow{position:absolute;right:11px;bottom:12px;width:23px;height:23px;display:grid;place-items:center;border:1px solid white;border-radius:50%;color:var(--accent);background:linear-gradient(135deg,#fff,var(--accent))}.quick-arrow .ui-icon{width:14px;height:14px;stroke-width:1.2;color:color-mix(in srgb,var(--accent) 55%,#094188)}.learning-route{height:377px;background:#fff;border:1px solid #e8f0fe;border-radius:11px;padding:0 12px 13px}.route-heading{height:49px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9f1fc;gap:10px}.route-heading h2{font-size:13px;display:flex;align-items:center;gap:12px;white-space:nowrap}.route-heading h2 .ui-icon{color:#0b70ff;width:28px;height:28px;stroke-width:1.9}.route-heading>span{font-size:11px;color:#284a89;margin-left:auto;margin-right:auto}.route-heading>span b{padding:0 5px;color:#7497c5}.route-heading>a,.small-heading>a,.right-heading>a{font-size:10px;color:#005cff;white-space:nowrap}.route-steps{height:93px;display:flex;justify-content:space-between;padding:14px 0 0}.route-step{display:flex;flex:1;flex-direction:column;align-items:center;position:relative;gap:11px;font-size:12px;white-space:nowrap}.route-step:after{content:"";position:absolute;height:1.5px;background:#cfdef5;left:calc(50% + 23px);right:calc(-50% + 23px);top:14px}.route-step:last-child:after{display:none}.route-step.done:after{background:#5dd2be}.route-step.done:nth-child(2):after{background:#1571ff}.route-step>span{width:29px;height:29px;border-radius:50%;border:1px solid #d4e4fa;background:radial-gradient(circle at 30% 20%,#fbfdff,#e8eff8);display:grid;place-items:center;font-size:12px;font-weight:650;box-shadow:0 0 0 6px white}.route-step>strong{font-size:12px;font-weight:600}.route-step.done>span{background:linear-gradient(130deg,#3acfb1,#009f8b);color:#fff;border-color:#1ab9a1}.route-step>span .ui-icon{width:17px;height:17px;stroke-width:3}.route-step.current>span{background:linear-gradient(140deg,#368fff,#0058ff);color:#fff;border-color:#136eff}.route-details{height:220px;display:grid;grid-template-columns:1.2fr 1fr;gap:15px}.course-progress,.common-errors{border:1px solid #e2edff;border-radius:9px;padding:11px 13px;min-width:0}.course-progress h3{font-size:13px;font-weight:650;margin:0 0 17px}.course-content{display:flex;gap:18px;align-items:flex-start}.overall-progress{width:146px;flex:none;border-right:1px solid #e7effc;display:flex;align-items:center;flex-direction:column}.progress-ring{width:110px;height:110px;position:relative;display:grid;place-items:center}.progress-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:9}.ring-base{stroke:#bce4ff}.ring-fill{stroke-linecap:round}.progress-ring strong{font-size:20px;font-weight:700}.overall-progress p{font-size:11px;line-height:1.65;color:#4166a0;text-align:center;margin:3px 0 0}.subject-progress{flex:1;min-width:0}.subject-row{margin:0 0 11px}.subject-row>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;margin:0 0 5px}.subject-row small{font-size:9px;color:#4167a1}.subject-track{height:7px;border-radius:8px;background:#e8eef7;overflow:hidden}.subject-track>span{height:100%;border-radius:8px;background:linear-gradient(90deg,#1672ff,#2380ff);display:block}.subject-progress>a{display:block;text-align:right;font-size:9px;color:#005cff;margin-top:3px}.small-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;height:20px;margin-bottom:10px}.small-heading h3{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;margin:0}.error-alert{display:grid;place-items:center;width:19px;height:19px;flex:none;border-radius:50%;color:#fff;background:linear-gradient(#ff7583,#ff344a);border:1px solid white;box-shadow:0 0 0 3px #fff0f2;font-size:14px}.error-row{height:35px;display:flex;align-items:center;gap:12px;border-top:1px solid #eaf1fc;font-size:10px}.error-row small{margin-left:auto;white-space:nowrap;font-size:9px;color:#5072ab}.error-number{height:21px;width:21px;flex:none;border-radius:50%;display:grid;place-items:center;color:white;border:1px solid white;font-size:10px;box-shadow:0 0 0 3px #f7faff;background:linear-gradient(135deg,#ff8392,#ff3248)}.number-1{background:linear-gradient(135deg,#ffc34a,#ff9600)}.number-2{background:linear-gradient(135deg,#83b5ff,#428fff)}.number-3{background:linear-gradient(135deg,#b1a3ff,#8e6bfa)}.number-4{background:linear-gradient(135deg,#c086fb,#9651ed)}.chevron{font-size:20px;line-height:1;color:#7c9cc9}.featured-panel{height:114px;padding:7px 12px 9px;border:1px solid #e5effd;border-radius:11px;background:white}.featured-panel>h2{display:flex;align-items:center;gap:7px;font-size:12px;height:19px;margin:0 0 6px}.featured-panel>h2 .ui-icon{width:19px;height:19px;color:#176bff}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.featured-card{height:73px;display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid #e0edff;border-radius:12px;background:linear-gradient(110deg,var(--soft2),#fbfdff);position:relative}.featured-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 70%,white),var(--accent));box-shadow:inset -3px -3px 7px #ffffff20;color:#fff}.featured-icon .ui-icon{height:26px;width:26px;stroke-width:1.8}.featured-card h3{font-size:9px;font-weight:650;margin:0 0 5px;white-space:nowrap}.featured-card p{font-size:8px;color:#5d79ae;margin:0;line-height:1.85;white-space:nowrap}.featured-card.pink{border-color:#f8e8f0;background:linear-gradient(110deg,#fff,#fdf3f7)}.featured-card.pink h3{color:#d92b93;font-size:8px}.new-label{position:absolute;right:5px;top:7px;background:#d94aa4;color:white;border-radius:9px;padding:2px 5px;font-size:7px}.dashboard-right{display:flex;flex-direction:column;gap:9px;min-width:0}.right-report,.system-messages,.parent-panel{background:linear-gradient(110deg,#fff,#fefeff);border:1px solid #dfebfd;border-radius:11px;padding:0 17px;box-shadow:0 0 0 1px #edf5ff}.right-report{height:403px}.right-heading{height:50px;border-bottom:1px solid #e5effc;display:flex;align-items:center;justify-content:space-between;gap:10px}.right-heading h2{font-size:14px;display:flex;align-items:center;gap:12px;white-space:nowrap;font-weight:650}.right-heading .ui-icon{height:27px;width:27px;color:#086cff;stroke-width:2}.right-heading h2>.ui-icon{filter:drop-shadow(2px 3px 2px #cce4ff)}.recent-label{font-size:12px;margin:11px 5px 8px}.report-inner{height:295px;border:1px solid #e3edfc;border-radius:10px;padding:7px 12px;background:linear-gradient(115deg,#fcfeff,#fbfdff)}.recent-result{height:65px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e6effb}.result-icon{height:41px;width:41px;border-radius:50%;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 30% 20%,#64d0bc,#00aa92);color:#fff;border:1px solid #00b79f}.result-icon .ui-icon{width:25px;height:25px;stroke-width:1.5}.recent-result h3{font-size:10px;margin:0 0 6px;white-space:nowrap;font-weight:650}.recent-result small{font-size:9px;color:#5e80b6}.progress-ring.small{width:65px;height:65px;margin-left:auto;flex:none}.progress-ring.small circle{stroke-width:12}.progress-ring.small .ring-base{stroke:#c5eee7}.progress-ring.small strong{font-size:13px}.report-fact{height:54px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #e6effb;padding-top:10px}.report-fact:last-child{border-bottom:0}.report-fact>.ui-icon{height:12px;width:12px;color:var(--accent);margin-top:2px;stroke-width:2.5}.report-fact small{font-size:9px;color:#5777ad;display:block;margin-bottom:3px}.report-fact p{font-size:10px;margin:0;line-height:1.6}.system-messages{height:273px}.message-row{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #e9f1fc;min-height:70px}.message-row:last-child{border:0}.message-icon{color:#fff;width:19px;height:19px;flex:none;background:var(--accent);border-radius:50%;display:grid;place-items:center}.message-icon .ui-icon{height:12px;width:12px;stroke-width:1.6}.message-row h3{font-size:10px;font-weight:500;margin:0 0 6px;line-height:1.5;max-width:232px}.message-row p{font-size:10px;color:#6480b2;margin:0;line-height:1.6;max-width:248px}.message-row time{position:absolute;right:0;top:15px;font-size:9px;color:#5d7eaf}.message-row:first-of-type time:after{content:"";display:inline-block;width:6px;height:6px;background:#ff4c64;border-radius:50%;margin-left:5px}.parent-panel{height:217px;padding:7px;border-color:#eaf1fc}.parent-banner{height:145px;position:relative;overflow:hidden;background:linear-gradient(110deg,#f2f5ff,#edf3ff);border-radius:11px;padding:19px 13px}.parent-banner>div{position:relative;z-index:1}.parent-banner h2{font-size:10px;color:#0348e7;display:flex;gap:6px;align-items:center;font-weight:650;white-space:nowrap}.parent-banner h2 .ui-icon{width:19px;height:19px;stroke:#086bff}.parent-banner p{font-size:10px;color:#5776a9;margin:8px 0 16px;line-height:1.8}.parent-banner a{font-size:9px;color:white;background:linear-gradient(135deg,#7f6bff,#6550f8);padding:8px 19px;border:1px solid white;box-shadow:0 0 0 2px #e8e7ff;border-radius:20px;display:inline-block;font-weight:600}.parent-banner img{position:absolute;right:0;bottom:0;width:167px;height:120px;object-fit:contain;object-position:bottom}.reference-footnote{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#6c89b6;padding:10px 7px 8px;max-width:1600px;margin:auto;white-space:nowrap}.reference-footnote b{padding:0 8px;font-weight:400}.reference-footnote span:first-child{color:#42669f}.no-errors{font-size:11px;color:#6381b0;line-height:1.8;padding:15px 0}body.is-dashboard #standard-footer{display:none}body:not(.is-dashboard) main{padding:28px;max-width:1340px}body:not(.is-dashboard) h1{color:#082965}body:not(.is-dashboard) .card{border-color:#e0ebfb}body:not(.is-dashboard) .btn{border-radius:9px}.btn.secondary,.btn.text{color:#1261da}.badge{background:#eaf3ff;color:#1762c9}.notice{background:#eaf3ff;color:#5274aa}.toast{background:#0a4ca9}footer{color:#6c89b6}.install{color:#0b61ed;border-color:#d6e7fc}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.formula-item{padding:18px 0;border-bottom:1px solid var(--line)}.formula-item strong{font-size:21px;color:#125ee8}.formula-item p{font-size:13px;color:#5475a8}.profile-form{max-width:600px}.settings-role{display:flex;gap:10px;flex-wrap:wrap}.settings-role button{border:1px solid #dbe8fb;background:#f5f9ff;color:#2058aa;padding:12px 17px;border-radius:9px}
@media(min-width:1650px){main{padding-top:20px}.reference-dashboard{grid-template-columns:minmax(0,1fr) 370px}.reference-hero{height:235px}.banner-copy{padding:23px 29px}.student-art{width:410px;height:263px}.quick-panel{height:184px}.learning-route{height:395px}.route-details{height:238px}.featured-panel{height:122px}.right-report{height:412px}.system-messages{height:290px}.parent-panel{height:247px}}
@media(max-width:1400px) and (min-width:1101px){.sidebar{width:218px}.shell{margin-left:218px}.brand{padding-left:20px;font-size:14px}.brand strong{font-size:17px}.reference-dashboard{grid-template-columns:minmax(0,1fr) 310px}.quick-panel{gap:9px;padding:10px}.quick-card{padding-left:11px;padding-right:8px}.quick-card h2{font-size:11px}.quick-card p{font-size:9px}.banner-copy h1{font-size:22px}.banner-copy p{font-size:12px}.student-art{right:20px;width:330px}.banner-motto{right:14px;font-size:15px}.hero-formulas>span:nth-child(2){right:260px}.hero-formulas>span:nth-child(1){right:90px}.route-heading>span{font-size:9px}.route-heading h2{font-size:12px;gap:6px}.route-details{gap:9px;grid-template-columns:1.13fr 1fr}.course-progress,.common-errors{padding:10px}.overall-progress{width:115px}.course-content{gap:11px}.progress-ring{width:99px;height:99px}.small-heading h3{font-size:10px}.small-heading>a{font-size:8px}.error-row{font-size:9px;gap:8px}.featured-grid{gap:8px}.featured-card{padding:12px 8px;gap:6px}.featured-icon{width:33px;height:38px}.featured-card h3{font-size:8px}.featured-card p{font-size:7px}.featured-card.pink h3{font-size:7px}.new-label{right:3px;top:3px;font-size:6px}.right-report,.system-messages{padding:0 12px}.right-heading h2{font-size:12px;gap:8px}.report-inner{padding:7px 9px}.recent-result{gap:8px}.recent-result h3{font-size:9px}.result-icon{width:34px;height:34px}.progress-ring.small{width:54px;height:54px}.message-row{gap:8px}.message-row h3{font-size:9px;max-width:210px}.message-row p{font-size:9px}.message-row time{font-size:8px}.parent-banner{padding:17px 8px}.parent-banner h2{font-size:9px}.parent-banner img{width:145px}.reference-quote{padding-left:30px;padding-right:25px}}
@media(max-width:1100px){.sidebar{width:195px}.shell{margin-left:195px}.brand{padding:12px;font-size:13px}.brand strong{font-size:15px}.brand>svg{width:27px}.nav-item{padding-left:10px;gap:12px}.nav-divider{font-size:9px;margin-left:0;margin-right:0}.sidebar-bottom{padding:12px}.reference-quote{padding:13px 20px;height:230px}.reference-dashboard{grid-template-columns:1fr}.dashboard-right{display:grid;grid-template-columns:1fr 1fr;gap:12px}.right-report{grid-row:span 2}.system-messages{height:273px}.parent-panel{height:121px;padding:0}.parent-banner{height:119px;padding:12px}.parent-banner p{margin:5px 0 10px}.parent-banner img{height:105px}.reference-hero{margin-right:0;margin-left:0}.search-box{width:min(420px,60%)}.header-right{gap:20px}.reference-footnote{white-space:normal}.reference-quote p{font-size:11px}.featured-grid{gap:8px}.featured-card{gap:6px;padding:11px 8px}.featured-card h3{font-size:8px}.featured-card p{font-size:7px}.featured-card.pink h3{font-size:7px}.featured-icon{width:35px}.new-label{top:2px}.banner-copy h1{font-size:23px}.banner-copy p{font-size:12px}.student-art{right:18px;width:340px}.banner-motto{right:15px;font-size:15px}.hero-formulas>span:nth-child(2){right:260px}.hero-formulas>span:nth-child(1){right:100px}.route-heading>span{font-size:10px}.overall-progress{width:120px}.small-heading h3{font-size:11px}.course-content{gap:12px}}
@media(max-width:850px){.sidebar{width:76px;padding:0}.shell{margin-left:76px}.brand{padding:12px;justify-content:center}.brand>span{display:none}.brand>svg{width:33px}.sidebar nav{padding:16px 10px;gap:8px}.nav-item{justify-content:center;padding:9px;height:38px}.nav-item>span,.nav-divider,.sidebar-bottom{display:none}.topbar{padding:0 16px;height:70px}.search-box{width:55%}.header-profile{min-width:0}.header-profile>div{display:none}.header-right{gap:20px}.profile-chevron{margin:0}.header-profile{gap:6px}.banner-copy{padding:22px}.banner-copy h1{font-size:22px}.banner-copy p{font-size:11px}.student-art{right:0;width:290px;height:213px}.banner-motto,.hero-formulas{display:none}.quick-card h2{font-size:11px}.quick-card p{font-size:9px}.quick-panel{gap:8px;padding:10px}.quick-card{padding-left:10px;padding-right:10px}.route-heading h2{font-size:12px;gap:6px}.route-heading>span{font-size:9px}.route-step strong{font-size:10px}.route-details{grid-template-columns:1.1fr 1fr;gap:10px}.overall-progress{width:100px}.progress-ring{width:90px;height:90px}.overall-progress p{font-size:10px}.course-progress,.common-errors{padding:10px}.subject-row>div:first-child{font-size:8px}.small-heading h3{font-size:10px;gap:4px}.small-heading>a{font-size:8px}.error-row{font-size:9px;gap:7px}.featured-panel{height:auto;min-height:114px}.featured-grid{grid-template-columns:1fr 1fr}.featured-card h3,.featured-card.pink h3{font-size:10px}.featured-card p{font-size:9px}.featured-icon{width:42px}.reference-footnote>span:last-child{display:none}.parent-banner h2,.parent-banner p{font-size:9px}.parent-banner img{width:130px}.right-heading h2{font-size:12px}.message-row h3,.message-row p{font-size:9px}.message-row time{font-size:8px}.right-report,.system-messages{padding:0 12px}}
@media(max-width:620px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:65px;background:#f9fcff;border-top:1px solid #dce9fb;z-index:20}.sidebar .brand{display:none}.sidebar nav{display:flex;flex-direction:row;justify-content:space-around;padding:0;gap:0}.sidebar .nav-item{display:none}.sidebar .nav-item:nth-child(-n+4),.sidebar .nav-item:nth-child(6){display:flex;flex:1;flex-direction:column;gap:4px;height:64px;padding:10px 3px;border-radius:0}.sidebar .nav-item>span:first-of-type{display:block;font-size:9px}.sidebar .nav-item .ui-icon{width:21px;height:21px}.shell{margin-left:0;padding-bottom:65px}.topbar{height:62px;padding:0 12px;gap:12px}.search-box{flex:1;min-width:0;width:auto;height:36px;padding:0 10px;gap:8px}.search-box input{font-size:10px}.header-right{gap:13px}.profile-photo{width:32px;height:32px}.header-profile{gap:3px}.profile-chevron{font-size:17px}.notification-button{width:21px}.notification-button>svg{width:21px}.notification-button>span{width:15px;height:15px;font-size:8px}.profile-photo img{width:112px;left:-32px;top:-6px}main{padding:10px 10px 0}.reference-dashboard,.dashboard-center{gap:10px}.reference-hero{height:206px;min-height:206px}.banner-copy{padding:17px;z-index:2}.banner-copy h1{font-size:19px;line-height:1.4;position:relative;z-index:1}.banner-copy p{font-size:10px;line-height:1.8;max-width:235px;margin:10px 0 13px}.student-art{width:220px;height:169px;right:-59px;bottom:-5px;opacity:.8}.start-learning{height:34px;font-size:10px;padding:0 16px}.quick-panel{height:auto;grid-template-columns:1fr 1fr;gap:10px;padding:10px}.quick-card{min-height:148px;padding:10px 12px}.quick-card h2{font-size:12px}.quick-card p{font-size:9px}.quick-icon{width:43px;height:43px;margin-bottom:8px}.quick-icon .ui-icon{width:28px;height:28px}.quick-arrow{width:20px;height:20px;right:8px;bottom:9px}.learning-route{height:auto;padding:0 10px 10px}.route-heading{height:66px;flex-wrap:wrap;justify-content:space-between;gap:3px;padding:10px 0}.route-heading h2{font-size:12px;order:0}.route-heading>span{order:2;flex-basis:100%;font-size:9px;margin-left:32px}.route-heading>a{order:1;font-size:9px}.route-steps{height:96px;gap:2px;padding-top:17px}.route-step{gap:10px;white-space:normal;text-align:center}.route-step>strong{font-size:8px;max-width:54px;line-height:1.5}.route-step>span{height:26px;width:26px;font-size:10px}.route-step:after{left:calc(50% + 17px);right:calc(-50% + 17px);top:13px}.route-details{height:auto;grid-template-columns:1fr;gap:10px}.course-progress{min-height:211px;padding:12px}.overall-progress{width:121px}.progress-ring{width:104px;height:104px}.subject-row>div:first-child{font-size:9px}.common-errors{min-height:216px;padding:12px}.small-heading h3{font-size:12px}.small-heading>a{font-size:9px}.error-row{font-size:11px;height:35px;gap:12px}.error-row small{font-size:10px}.featured-panel{padding:10px}.featured-panel>h2{font-size:11px;margin-bottom:10px}.featured-grid{gap:8px}.featured-card{height:90px;padding:10px 7px;align-items:center;gap:7px}.featured-icon{height:32px;width:32px;border-radius:9px}.featured-icon .ui-icon{height:22px;width:22px}.featured-card h3,.featured-card.pink h3{white-space:normal;font-size:9px;line-height:1.5;margin-bottom:3px}.featured-card p{white-space:normal;font-size:8px;line-height:1.7}.featured-card p br{display:none}.new-label{font-size:6px;top:3px;right:4px}.dashboard-right{display:flex;flex-direction:column;gap:10px}.right-report{height:403px;padding:0 15px}.right-heading h2{font-size:14px}.report-inner{padding:7px 13px}.recent-result h3,.report-fact p{font-size:11px}.report-fact small{font-size:10px}.system-messages{height:273px;padding:0 15px}.message-row h3,.message-row p{font-size:10px}.message-row time{font-size:9px}.parent-panel{height:162px;padding:7px}.parent-banner{height:145px;padding:17px 12px}.parent-banner h2{font-size:10px}.parent-banner p{font-size:10px;margin:8px 0 15px}.parent-banner img{width:167px;height:120px}.reference-footnote{font-size:8px;line-height:1.8;padding:10px 5px}.reference-footnote b{padding:0 4px}.toast{bottom:78px}.lesson-grid{grid-template-columns:1fr}body:not(.is-dashboard) main{padding:22px 16px}.header-profile select{min-width:40px}.install{display:none}}
/* Final alignment with the supplied 1536 × 1024 reference. */
@media(min-width:1401px) and (max-width:1649px){.sidebar-bottom{padding-bottom:56px}.nav-divider~.nav-item{height:32px}.student-art{height:200px;width:376px;right:49px;bottom:-1px}.quick-panel{grid-template-columns:1.07fr 1fr 1.04fr 1fr}.quick-card h2{font-size:14px}.quick-card p{font-size:11px}.banner-copy p{font-size:15px}.banner-copy h1{margin-bottom:9px}.banner-copy{padding-top:15px}.route-heading h2{font-size:14px}.route-heading>span{font-size:12px;margin-right:100px;margin-left:auto}.route-step>strong{font-size:13px}.route-step:first-child{transform:translateX(-8px)}.route-step:nth-child(2){transform:translateX(-9px)}.route-step:nth-child(3){transform:translateX(-11px)}.course-progress h3{font-size:14px}.small-heading h3{font-size:13px}.subject-row>div:first-child{font-size:10px}.subject-row small{font-size:10px}.overall-progress .progress-ring{transform:translateX(-6px)}.overall-progress p{font-size:12px;transform:translateX(-6px)}.error-row{font-size:11px}.error-row small{font-size:10px}.right-heading h2{font-size:15px}.right-heading>a{font-size:11px}.recent-result h3{font-size:11px}.recent-result small{font-size:10px}.report-fact small{font-size:10px}.report-fact p{font-size:11px}.message-row h3,.message-row p{font-size:11px}.message-row time{font-size:10px}.featured-card h3{font-size:10px}.featured-card p{font-size:9px}.featured-card.pink h3{font-size:9px}.parent-banner h2{font-size:11px}.parent-banner p{font-size:11px}.parent-banner a{font-size:10px}.reference-quote p{font-size:13px}.reference-footnote{font-size:9px}.course-content{padding-top:4px}.course-progress,.common-errors{height:219px}.route-heading>span{white-space:nowrap}.banner-copy p{margin-bottom:14px}.recent-label{margin-bottom:7px}}
@media print{.reference-dashboard{display:block}.dashboard-right{display:none}.reference-hero{color:#083b91;background:#f2f6ff}.banner-copy p{color:#174480}.reference-footnote{white-space:normal}.sidebar{display:none!important}}
/* Larger reading sizes requested after review of the reference layout. */
@media screen {
  .nav-item,.search-box input,.header-profile strong{font-size:14px}
  .header-profile small,.nav-divider{font-size:12px}
  .nav-item{gap:13px}
  .nav-divider{white-space:normal;line-height:1.5}
  .quick-panel{height:auto;min-height:190px}
  .quick-card{padding-bottom:35px}
  .quick-card h2{font-size:15px;white-space:normal;line-height:1.4}
  .quick-card p{font-size:13px;line-height:1.65}
  .quick-card p br,.featured-card p br{display:none}
  .start-learning{font-size:14px}
  .learning-route,.route-details,.course-progress,.common-errors{height:auto}
  .route-heading{height:auto;min-height:55px;flex-wrap:wrap;padding:10px 0}
  .route-heading h2,.course-progress h3,.small-heading h3,.featured-panel>h2{font-size:15px}
  .route-heading>span{font-size:13px;margin:0;white-space:normal}
  .route-heading>a,.small-heading>a,.right-heading>a,.subject-progress>a{font-size:12px}
  .route-step>strong{font-size:14px;white-space:normal;text-align:center}
  .route-details{align-items:stretch}
  .course-progress,.common-errors{min-height:248px}
  .small-heading{height:auto;min-height:24px;flex-wrap:wrap}
  .small-heading h3{white-space:normal}
  .subject-row>div:first-child,.subject-row small,.overall-progress p{font-size:12px}
  .subject-row{margin-bottom:12px}
  .error-row{font-size:13px;min-height:37px;height:auto;padding:7px 0;gap:9px}
  .error-row small{font-size:12px}
  .featured-panel{height:auto;padding-bottom:12px}
  .featured-panel>h2{height:auto;min-height:23px;margin-bottom:10px}
  .featured-card{height:auto;min-height:118px;padding:13px 10px;gap:8px}
  .featured-card>div{min-width:0}
  .featured-card h3,.featured-card.pink h3{font-size:13px;white-space:normal;line-height:1.45}
  .featured-card p{font-size:12px;white-space:normal;line-height:1.6;color:#476794}
  .featured-icon{width:35px;height:38px}
  .new-label{font-size:10px;top:3px;right:4px}
  .featured-card.pink{padding-top:22px}
  .right-report,.report-inner,.system-messages,.parent-panel{height:auto}
  .right-report,.system-messages{padding-bottom:16px}
  .right-heading{height:auto;min-height:54px}
  .right-heading h2{font-size:16px}
  .recent-label{font-size:14px}
  .recent-result{height:auto;min-height:73px;gap:9px;padding-bottom:8px}
  .recent-result>div:not(.progress-ring){min-width:0}
  .recent-result h3{font-size:13px;white-space:normal;line-height:1.5}
  .recent-result small{font-size:12px}
  .report-fact{height:auto;min-height:63px;padding:11px 0}
  .report-fact small{font-size:12px}
  .report-fact p{font-size:13px}
  .message-row{padding:15px 0;min-height:90px;gap:10px}
  .message-row>div{min-width:0;flex:1}
  .message-row h3{font-size:13px;max-width:none;padding-right:37px;line-height:1.5}
  .message-row p{font-size:12px;max-width:none;line-height:1.6;color:#476794}
  .message-row time{font-size:11px}
  .parent-banner{height:auto;min-height:180px;padding-bottom:18px}
  .parent-banner h2{font-size:13px;white-space:normal;line-height:1.5}
  .parent-banner p{font-size:12px;max-width:190px;line-height:1.65}
  .parent-banner a{font-size:12px}
  .parent-banner img{width:145px;height:110px}
  .reference-footnote{font-size:11px;white-space:normal;line-height:1.6}
  body:not(.is-dashboard) .hint,body:not(.is-dashboard) .field,body:not(.is-dashboard) .btn,
  body:not(.is-dashboard) .exercise-card p,body:not(.is-dashboard) .list-row p{font-size:14px}
}
@media screen and (min-width:621px) and (max-width:1400px){
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .featured-card{min-height:100px}
  .quick-card h2{font-size:14px}
  .quick-card p{font-size:12px}
  .route-details{grid-template-columns:1fr}
  .course-progress,.common-errors{min-height:230px}
  .overall-progress{width:145px}
}
@media screen and (max-width:620px){
  .sidebar .nav-item>span:first-of-type{font-size:11px}
  .search-box input{font-size:12px}
  .banner-copy p{font-size:12px;max-width:235px}
  .banner-copy h1{font-size:21px}
  .reference-hero{height:228px;min-height:228px}
  .quick-card{min-height:180px}
  .quick-card h2{font-size:15px}
  .quick-card p{font-size:13px}
  .route-heading h2{font-size:14px}
  .route-heading>span{font-size:12px;margin-left:32px}
  .route-steps{height:108px}
  .route-step>strong{font-size:11px;line-height:1.4}
  .featured-card{flex-direction:column;min-height:175px;padding:13px 10px;gap:10px}
  .featured-card h3,.featured-card.pink h3{font-size:14px}
  .featured-card p{font-size:12px}
  .right-heading h2{font-size:16px}
  .parent-banner h2{font-size:13px}
  .reference-footnote{font-size:10px}
}