@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#1d2d50;--ink:#283555;--muted:#69738c;--teal:#1f9fad;--cream:#fffdf9;--peach:#fff0e6;--line:#e8edf1;--shadow:0 20px 56px rgba(42,57,91,.09);--radius:23px;--mint:#e2f7ef;--yellow:#fff1b8;--coral:#ffe2d4;--sky:#dceefa;--lav:#f0e5fc;--white:#fff;--good:#167853}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,Segoe UI,sans-serif;background:#f1f6f4;color:var(--ink);font-size:15px;line-height:1.65}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;color:var(--navy);line-height:1.2}h1{font-size:clamp(38px,4.3vw,68px);font-weight:800}h2{font-size:clamp(28px,2.55vw,42px);font-weight:800}h3{font-size:21px;font-weight:800}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #287fca;outline-offset:3px}.container{width:min(1190px,calc(100% - 44px));margin-inline:auto}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#128b98;font-size:11px}.section{padding:72px 0}.section-tight{padding:42px 0}.section-heading{max-width:700px;margin-bottom:28px}.section-heading p{color:var(--muted);font-size:16px}.flex{display:flex;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap8{gap:8px}.gap12{gap:12px}.gap20{gap:20px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mb16{margin-bottom:16px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.notice{padding:12px 16px;border:1px solid #d2e1e9;background:#f0f8fd;border-radius:14px;font-size:13px;color:#405673}.notice.good{border-color:#b8e4d0;background:#effaf5;color:#1b674a}.notice.warn{border-color:#f4d3a8;background:#fff6e9;color:#82521c}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid #e7ecec;backdrop-filter:blur(16px)}.nav-shell{height:79px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{font-weight:800;font-size:20px;line-height:1.05;color:var(--navy);display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.logo-mark{background:linear-gradient(140deg,#6ad4c7,#9abcf4);height:41px;width:41px;border-radius:13px;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #fff}.logo-mark svg{width:26px;height:26px}.logo small{display:block;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#7d8ba0;margin-top:3px}.logo-mark-image{background:transparent;box-shadow:none;border-radius:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;height:auto;min-width:0;padding:0;margin:0;overflow:visible;transform:none}.logo-mark-image img{display:block;width:auto;height:54px;max-width:none;max-height:none;object-fit:contain;object-position:center;image-rendering:auto}.site-footer .logo-mark-image{flex:0 0 auto;width:auto;height:auto;margin:0;transform:none}.site-footer .logo-mark-image img{height:60px}.site-footer .footer-brand .logo{align-items:center}.site-footer .footer-brand .logo span:last-child{padding-top:0}
.nav-links{display:flex;align-items:center;gap:22px;font-weight:700;font-size:13px}.nav-links a:not(.btn){transition:color .15s}.nav-links a:hover,.nav-links a.active{color:#078e97}.nav-actions{display:flex;align-items:center;gap:10px}.mobile-menu{display:none;background:#f4f7f6;border:0;border-radius:12px;padding:10px 12px}.btn{min-height:43px;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:11px 19px;border-radius:13px;border:1px solid transparent;font-weight:800;font-size:13px;line-height:1.3;transition:transform .14s,box-shadow .14s,background .14s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 22px rgba(30,57,100,.1)}.btn-primary{color:white;background:var(--navy)}.btn-aqua{color:#103a46;background:#8be1d5}.btn-outline{border-color:#cedce5;background:#fff;color:var(--navy)}.btn-white{background:white;color:var(--navy)}.btn-soft{background:#edf4f8;color:var(--navy)}.btn-small{min-height:35px;padding:8px 12px;font-size:12px;border-radius:10px}.btn-text{border:0;background:transparent;color:#23718b;padding:6px;font-weight:800}.pill{padding:5px 11px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-weight:800;font-size:11px;background:#e9f6f3;color:#157979}.pill.outline{border:1px solid #d7e0e7;background:white;color:#5d7089}.pill.purple{background:#f1e9ff;color:#7552a8}.pill.gold{background:#fff4d5;color:#906318}.pill.green{background:#e1f7eb;color:#17774a}.pill.gray{background:#f2f4f6;color:#708094}.site-footer{border-top:1px solid #e8eff0;background:#f5faf8;margin-top:45px}.footer-grid{padding:43px 0;display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:35px}.footer-grid p{max-width:430px;color:var(--muted);font-size:13px}.footer-links{display:grid;gap:8px;font-size:13px}.footer-links a{color:#526478}.footer-bottom{border-top:1px solid #e2eaed;font-size:12px;color:#687a86;padding:17px 0;display:flex;justify-content:space-between;gap:20px}
/* Home page */
.hero{background:linear-gradient(112deg,#fff9f1 0%,#f6fdfa 51%,#eff6ff 100%);overflow:hidden;position:relative}.hero:before{content:'';position:absolute;width:380px;height:380px;background:rgba(255,216,150,.22);border-radius:50%;left:-160px;top:120px}.hero-inner{display:grid;grid-template-columns:.87fr 1.13fr;gap:50px;align-items:center;min-height:550px;padding-top:58px;padding-bottom:60px;position:relative}.hero-copy{max-width:535px}.hero-copy h1{margin:16px 0 18px}.hero-copy h1 em{font-style:normal;color:#1e9da8}.hero-copy p{font-size:17px;color:#5c7182;line-height:1.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-trust{margin-top:26px;font-size:12px;color:#677a8b;display:flex;gap:16px;flex-wrap:wrap;font-weight:700}.hero-art{position:relative;padding:18px}.hero-art:before{position:absolute;content:'';inset:12px 0 5px 28px;border-radius:35px;background:#b5ebde;transform:rotate(-3.5deg)}.hero-art:after{position:absolute;content:'';width:120px;height:120px;border-radius:50%;right:-20px;bottom:-18px;background:#f8d56c;z-index:0}.hero-photo{position:relative;display:block;z-index:1;width:100%;border-radius:26px;box-shadow:0 26px 50px rgba(28,73,89,.2);aspect-ratio:1.5;object-fit:cover;object-position:center}.floating-note{position:absolute;z-index:3;bottom:-17px;left:-18px;max-width:205px;padding:14px 16px;border-radius:16px;background:white;box-shadow:0 18px 30px rgba(22,48,89,.17);font-size:12px;font-weight:800;color:var(--navy)}.floating-note strong{font-size:19px;color:#169b9e}.floating-spark{position:absolute;right:1px;top:-5px;background:#ffedb9;z-index:3;padding:12px;border-radius:20px;box-shadow:0 12px 20px #293f551a;font-size:29px}.pathway{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:31px}.path-step{border-radius:20px;padding:22px 20px;position:relative;min-height:190px}.path-step .number{background:#ffffffbb;border-radius:12px;padding:5px 10px;display:inline-flex;font-size:11px;font-weight:800}.path-step h3{font-size:19px;margin:17px 0 8px}.path-step p{font-size:12px;line-height:1.7;color:#525b70;margin:0}.path-step:nth-child(1){background:#ffe9cc}.path-step:nth-child(2){background:#d7f3ec}.path-step:nth-child(3){background:#e4e8ff}.path-step:nth-child(4){background:#f5e4fb}.path-arrow{position:absolute;right:-16px;top:45%;z-index:2;background:white;border-radius:100px;border:4px solid #fff;font-size:18px;color:#8492a4;line-height:1}.subjects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.subject-card{border:1px solid rgba(9,54,71,.06);border-radius:22px;padding:22px;min-height:207px;position:relative;overflow:hidden;box-shadow:0 10px 22px rgba(25,48,80,.04);transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.subject-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.subject-card h3{font-size:20px;margin:9px 0 0}.subject-card p{color:#626c84;font-size:12px;line-height:1.7;flex:1;margin:0}.subject-card .subject-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#ffffff9e;font-size:28px}.subject-card .card-link{font-size:12px;color:#345273;font-weight:800}.subject-card:after{position:absolute;content:'';border-radius:50%;height:110px;width:110px;right:-54px;top:-48px;background:rgba(255,255,255,.3)}.subject-math{background:#fee7d7}.subject-reading{background:#e0edfe}.subject-writing{background:#eee4fa}.subject-science{background:#daf6eb}.subject-social-studies{background:#fff0bf}.subject-spelling{background:#f9e0ea}.subject-sight-words{background:#dfecfa}.why-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center;background:#f0f8f6;border-radius:28px;padding:45px}.why-illustration{min-height:325px;background:radial-gradient(circle at 20% 30%,#cae8fd 0 18%,transparent 18%),linear-gradient(145deg,#c5eee4,#fef2de);border-radius:23px;display:grid;place-items:center;position:relative;overflow:hidden}.illustration-card{width:75%;max-width:320px;border-radius:21px;background:white;padding:20px;box-shadow:0 20px 32px #2d507424;transform:rotate(-4deg)}.illustration-card h3{font-size:20px}.illustration-row{display:flex;gap:12px;align-items:center;padding:9px 4px;border-bottom:1px solid #edf0f2;font-size:14px;font-weight:700}.illustration-row span{font-size:23px}.check-list{display:grid;gap:18px}.check-line{display:flex;gap:12px;align-items:start}.check-line strong{display:block;color:#213758}.check-line small{display:block;color:#6b7b89;font-size:12px;margin-top:3px}.check-icon{flex:none;width:30px;height:30px;border-radius:10px;background:#d4f1e7;color:#19836f;display:grid;place-items:center;font-weight:900}.cta-panel{background:#213656;color:white;border-radius:30px;padding:48px 56px;display:flex;justify-content:space-between;align-items:center;gap:28px;position:relative;overflow:hidden}.cta-panel:after{content:'';border:35px solid #f7da9b;width:160px;height:160px;position:absolute;right:26%;top:-130px;border-radius:50%;opacity:.35}.cta-panel h2{color:white;margin:8px 0;font-size:36px}.cta-panel p{color:#d9e4ec;margin:0}
/* Shared inner pages */
.page-heading{background:linear-gradient(120deg,#fff4e8,#eaf8f8);padding:51px 0 41px}.page-heading h1{font-size:clamp(32px,3.3vw,50px);margin:10px 0 8px}.page-heading p{max-width:760px;color:#63738b}.page-shell{padding:35px 0 50px;min-height:65vh}.dashboard-hero{padding:30px 34px;background:linear-gradient(105deg,#d8f4ed,#e7f2ff);border-radius:25px;display:flex;justify-content:space-between;align-items:center;gap:18px;overflow:hidden;position:relative}.dashboard-hero h1{font-size:clamp(29px,3vw,42px);margin:6px 0 9px}.dashboard-hero p{max-width:640px;margin:0;color:#5c7081}.dashboard-hero .giant{font-size:85px;filter:drop-shadow(0 6px 4px #637a9912)}.panel{padding:23px;border:1px solid #e6eaed;border-radius:22px;background:white;box-shadow:0 8px 25px #33456a07}.panel h3{margin-bottom:10px}.dashboard-layout{display:grid;grid-template-columns:1.55fr .9fr;gap:22px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.stat{background:#fff;padding:18px;border:1px solid #e8ecee;border-radius:17px}.stat strong{display:block;font-size:30px;line-height:1.2;color:#183653}.stat small{color:var(--muted);font-size:12px}.progress-track{height:10px;background:#edf2f3;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#62cab7,#7eabed);border-radius:999px;transition:width .25s}.lesson-list{display:grid;gap:12px}.lesson-row{display:flex;align-items:center;gap:15px;border:1px solid #e6ecee;border-radius:16px;padding:14px;background:white}.lesson-row .round-subject{flex:none;width:47px;height:47px;border-radius:14px;background:#eff4ff;display:grid;place-items:center;font-size:25px}.lesson-row .detail{flex:1;min-width:0}.lesson-row .detail strong{display:block;color:var(--navy);font-size:14px}.lesson-row .detail small{font-size:12px;color:var(--muted)}.lesson-row .actions{display:flex;gap:7px;align-items:center}.student-choice{display:flex;gap:9px;flex-wrap:wrap}.student-chip{background:#f5f8fb;border:1px solid #dfebf0;border-radius:14px;padding:9px 13px;font-weight:800;font-size:12px;color:var(--navy)}.student-chip[aria-pressed='true']{background:#d8f4ed;border-color:#8fd7c8}.student-icon{border-radius:50%;background:#fceacb;padding:4px 8px;margin-right:4px}.today-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.today-card{border-radius:20px;padding:21px;background:white;border:1px solid #e7ecee}.today-card h3{font-size:19px;margin:10px 0}.today-card p{color:var(--muted);font-size:12px;min-height:45px}.today-card .emoji{font-size:31px}.today-card .status{display:flex;align-items:center;justify-content:space-between;gap:9px}.mini-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.mini-steps li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#53617b}.mini-steps .mini-dot{flex:none;width:21px;height:21px;border-radius:50%;background:#e2f6ed;color:#238666;text-align:center;font-weight:800;font-size:11px;line-height:21px}.empty-state{text-align:center;background:#f7fafb;padding:40px 15px;border-radius:17px;color:#778293}
/* Planner and search */
.filter-panel{background:white;box-shadow:0 7px 22px rgba(40,55,88,.05);border:1px solid #e8edee;border-radius:21px;padding:19px;display:grid;grid-template-columns:1.4fr .9fr .9fr .75fr auto;gap:12px;align-items:end}.field{display:grid;gap:6px}.field label{font-weight:800;font-size:12px;color:#475774}.field input,.field select,.field textarea,.control-input{min-height:43px;border:1px solid #d5e1e6;border-radius:12px;background:white;padding:10px 12px;color:var(--navy);font-weight:600;outline:none;width:100%}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#65bebc;box-shadow:0 0 0 3px #b3e7df60}.result-tools{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin:26px 0 18px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.catalog-card{border:1px solid #e7edef;background:white;border-radius:19px;padding:20px;display:flex;flex-direction:column;gap:10px;min-height:252px}.catalog-card h3{font-size:18px;margin:2px 0}.catalog-card p{color:#69768a;font-size:12px;line-height:1.65;margin:0;flex:1}.catalog-card .head{display:flex;justify-content:space-between;align-items:center}.catalog-icon{font-size:26px}.catalog-card .bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:6px}.catalog-card .meta{font-size:11px;font-weight:800;color:#7a8c9b}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:25px}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.unit-card{border:1px solid #e7ebed;border-radius:20px;background:white;padding:22px}.unit-card h3{font-size:18px}.unit-card .unit-number{font-size:12px;color:#27878f;font-weight:800}.unit-card .unit-theme{font-size:13px;color:#78849b;margin:7px 0 12px}.week-row{padding:12px 0;border-top:1px solid #edf0f2}.week-row summary{cursor:pointer;color:#233657;font-weight:800;font-size:12px}.week-topics{font-size:11px;color:#69798e;padding:9px 0 0}.week-topics div{padding:4px 0}
/* Lesson screen */
.lesson-layout{display:grid;grid-template-columns:265px 1fr;gap:22px;align-items:start}.lesson-sidebar{background:#fff;border:1px solid #e5edf1;border-radius:20px;padding:20px;position:sticky;top:98px}.lesson-sidebar h3{font-size:17px;margin:5px 0 20px}.phase-nav{display:grid;gap:9px}.phase-button{width:100%;border:0;padding:11px 12px;display:flex;gap:11px;align-items:center;text-align:left;background:#f6f8f9;border-radius:11px;color:#536178;font-weight:700;font-size:13px}.phase-button.active{background:#d9f4eb;color:#194a53}.phase-button .phase-num{height:26px;width:26px;border-radius:50%;display:grid;place-items:center;background:white;font-weight:800}.phase-button.done .phase-num{background:#1f9d7e;color:white}.lesson-main{background:#fff;border:1px solid #e5edf1;border-radius:23px;padding:30px 35px;min-height:525px}.lesson-main h1{font-size:32px;margin-bottom:10px}.lesson-main .lesson-sub{font-size:13px;color:#6e8292}.lesson-goal{background:#f1f9f5;border-radius:17px;padding:17px 20px;margin:20px 0;color:#355c56;font-size:14px}.lesson-goal strong{color:#137f6c}.stage-heading{font-size:27px}.stage-intro{font-size:16px;color:#61758b}.teacher-note{margin:20px 0;padding:16px 18px;background:#fff5da;border-left:5px solid #edc56c;border-radius:12px}.teacher-note strong{display:block;color:#805f2a}.teacher-note p{font-size:13px;margin:4px 0 0}.lesson-steps{display:grid;gap:13px;padding:0;list-style:none}.lesson-steps li{background:#f6f9fa;border-radius:13px;padding:16px;display:flex;align-items:start;gap:13px;font-size:14px}.lesson-steps .step-bubble{flex:none;background:#d9edea;color:#148176;border-radius:50%;height:27px;width:27px;display:grid;place-items:center;font-weight:800}.visual-example{font-size:18px;text-align:center;padding:24px;border:2px dashed #d6e6ed;border-radius:20px;background:#f9fcfd;color:#233d59;font-weight:800;margin:23px 0;overflow-wrap:anywhere}.question-card{background:#fbfcfd;border:1px solid #e5edef;border-radius:16px;padding:18px;margin:17px 0}.question-card>strong{display:block;font-size:14px;color:#263956;margin-bottom:12px}.choice-grid{display:flex;flex-wrap:wrap;gap:9px}.choice-pill{display:inline-flex;position:relative;align-items:center;gap:6px;background:white;border-radius:11px;border:1px solid #d6e1e7;padding:9px 12px;font-size:13px;font-weight:700;cursor:pointer}.choice-pill:has(input:checked){border-color:#27afa5;background:#e4f6f3}.choice-pill input{accent-color:#1b9c90}.feedback{font-size:12px;font-weight:800;margin-top:10px}.feedback.correct{color:#217b4e}.feedback.incorrect{color:#b45b35}.lesson-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #e8eff0;padding-top:21px;margin-top:30px;flex-wrap:wrap}.lesson-toolbar .btn-group{display:flex;gap:9px;flex-wrap:wrap}.lesson-meter{margin:15px 0}.lesson-meter .labels{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#748098;margin-bottom:7px;font-weight:800}.handson{background:#fff0cf;border-radius:20px;padding:25px;font-size:16px;margin:22px 0}.review-check{background:#eefaf4;padding:15px;border-radius:12px}.big-celebrate{font-size:70px;text-align:center}.lesson-finished{text-align:center;padding:22px}.lesson-finished h2{font-size:34px}.print-sheet{max-width:790px;margin:auto;background:white;padding:32px}.print-sheet h1{font-size:32px}.print-line{border-bottom:1px solid #555;height:36px;margin:8px 0 20px}.print-question{margin:25px 0;break-inside:avoid}.print-cover{border-bottom:2px solid #2c4360;padding-bottom:20px}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.print-check{min-height:180px;border:2px dashed #8fa1af;border-radius:15px;padding:15px}
/* Forms and auth */
.auth-layout{display:grid;grid-template-columns:1fr .87fr;gap:35px;align-items:start}.auth-card{padding:33px;border-radius:24px;border:1px solid #e1e7eb;background:white;box-shadow:var(--shadow)}.auth-card h2{font-size:30px}.form-stack{display:grid;gap:15px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}.auth-mode-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.mode-link{font-size:12px;background:#f3f7f8;border-radius:999px;padding:8px 12px;font-weight:800;color:#537081}.mode-link.active{background:#d4f2e9;color:#206b69}.auth-aside{border-radius:26px;background:linear-gradient(155deg,#d9f2ec,#e8e9ff);padding:34px;min-height:450px}.auth-aside .large{font-size:55px}.auth-aside h2{font-size:34px}.auth-aside ul{padding-left:18px;font-size:13px;color:#52697b;line-height:2}.key-display{padding:14px;background:#f0f6f8;border:1px dashed #8db9bd;border-radius:12px;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;font-size:14px}.input-hint{font-size:11px;color:#718097;margin-top:-2px}.error-text{color:#a43833;font-size:13px;font-weight:700}.success-text{color:#207958;font-size:13px;font-weight:700}.divider-inline{height:1px;background:#e5eded;margin:19px 0}.badge-alert{display:inline-flex;background:#fff2d8;color:#8e6b2e;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:800}.add-student-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end}.onboarding-steps{display:flex;gap:8px;margin:15px 0 25px}.onboarding-step{height:7px;border-radius:20px;flex:1;background:#dce7ec}.onboarding-step.active{background:#6dcdb4}.save-confirm{display:flex;align-items:flex-start;gap:9px;margin-top:13px;font-size:12px}
.lesson-main{font-size:16px}.lesson-steps li{font-size:16px}.question-card>strong{font-size:17px}.choice-pill{font-size:15px;padding:11px 14px}.stage-intro{font-size:17px}.today-card p{font-size:14px}.lesson-main .field input,.lesson-main .field textarea{font-size:16px}.phase-button{font-size:14px}
@media(max-width:1050px){.nav-links{gap:12px}.nav-shell{gap:13px}.hero-inner{gap:18px}.subjects-grid{grid-template-columns:repeat(3,1fr)}.filter-panel{grid-template-columns:repeat(4,1fr)}.filter-panel .search-wide{grid-column:span 2}.dashboard-layout{grid-template-columns:1fr 1fr}.unit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.mobile-menu{display:inline-flex}.nav-links{display:none;position:absolute;top:79px;left:0;right:0;background:#fff;padding:19px 25px;box-shadow:0 14px 30px #25365b23;flex-direction:column;align-items:flex-start;gap:17px}.nav-links.open{display:flex}.nav-actions .desktop-only{display:none}.nav-shell{height:70px}.nav-links{top:70px}.logo{font-size:17px}.logo-mark{height:37px;width:37px}.hero-inner{grid-template-columns:1fr;padding-top:36px;gap:27px}.hero-art{margin:0 auto;max-width:640px;width:100%}.pathway{grid-template-columns:repeat(2,1fr)}.path-arrow{display:none}.subjects-grid{grid-template-columns:repeat(2,1fr)}.why-panel{grid-template-columns:1fr;gap:25px;padding:23px}.why-illustration{min-height:260px}.cta-panel{padding:27px;flex-direction:column;align-items:flex-start}.dashboard-layout{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel .search-wide{grid-column:span 2}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:static}.phase-nav{display:flex;overflow:auto}.phase-button{min-width:142px}.auth-layout{grid-template-columns:1fr}.auth-aside{min-height:0}.footer-grid{grid-template-columns:1fr 1fr}.unit-grid{grid-template-columns:1fr}}
@media(max-width:520px){.container{width:min(100% - 26px,1190px)}.hero-copy h1{font-size:37px}.hero-buttons .btn{width:100%}.hero-photo{aspect-ratio:1.5}.floating-note{bottom:-23px;left:0}.pathway{gap:9px}.path-step{min-height:200px;padding:18px 14px}.path-step h3{font-size:16px}.subjects-grid,.catalog-grid,.today-grid,.stat-grid{grid-template-columns:1fr}.subject-card{min-height:170px}.page-heading{padding:32px 0}.lesson-main{padding:22px 18px}.dashboard-hero{padding:23px}.dashboard-hero .giant{display:none}.filter-panel{grid-template-columns:1fr}.filter-panel .search-wide{grid-column:span 1}.lesson-row{flex-wrap:wrap}.lesson-row .actions{width:100%;justify-content:flex-end}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.add-student-grid{grid-template-columns:1fr}.cta-panel h2{font-size:28px}.auth-card{padding:22px}}
@media print{*{box-shadow:none!important;text-shadow:none!important}.site-header,.site-footer,.no-print,.btn,.lesson-toolbar,.lesson-sidebar,.page-heading{display:none!important}body{background:white;color:#111;font-size:12pt}.page-shell,.section{padding:0}.container{width:100%;margin:0}.lesson-layout{display:block}.lesson-main{border:0;padding:0}.print-sheet{padding:5mm}h1,h2,h3{color:#111}.print-question{break-inside:avoid}.print-line{border-color:#333}.question-card{break-inside:avoid}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Phase 4 visual system: intentionally compact homepage; cream inner-page canvases. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
html,body,button,input,select,textarea{font-family:'Manrope',system-ui,sans-serif!important}
body{background:#f1f6f7}
.site-header{background:#123b6c;color:#fff;border-bottom:0;backdrop-filter:none}
.site-header .logo,.site-header .nav-links a{color:#fff}
.site-header .logo small{color:#f9cd52}
.site-header .nav-links a:hover,.site-header .nav-links a.active{color:#ffcd28}
.site-header .btn-outline{color:#fff;border-color:#b3c8e0;background:transparent}
.site-header .btn-primary{background:#ffd02b;color:#16294c;border-color:#ffd02b}
.site-footer{background:#123b6c}
.site-footer .logo,.site-footer strong{color:#fff}
.site-header .mobile-menu{background:#275783;color:white}
.page-heading{background:linear-gradient(110deg,#e5f3fa,#e9f6ed,#fff0d9)}
.page-shell{background:transparent}
.new-hero{background:linear-gradient(120deg,#fff4dd 0%,#fff9ef 42%,#e7f4f6 100%)}
.new-hero .container{width:min(100% - 48px,1460px)}
.hero-frame{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;padding-top:28px;padding-bottom:30px;min-height:438px}
.hero-instruction{position:relative;z-index:1}
.hero-eyebrow{font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:#206f8a;margin:0 0 9px}
.hero-instruction h1{font-size:clamp(30px,3.2vw,52px);line-height:1.08;letter-spacing:-.052em;text-transform:uppercase;font-weight:800;margin:0 0 10px;color:#153a64}
.hero-instruction h1 span{display:block;font-size:clamp(19px,2.04vw,31px);letter-spacing:-.032em;margin-top:4px}
.hero-lead{font-size:15px;color:#3d536c;max-width:660px;margin-bottom:18px}
.flow-arrows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:16px 0 19px}
.flow-arrow{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);padding:16px 17px 16px 20px;min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#152b44;line-height:1.2}
.flow-arrow:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}
.flow-yellow{background:#ffd02a}.flow-coral{background:#ff8f8b}.flow-green{background:#60de97}.flow-blue{background:#278fe4;color:#fff}
.flow-arrow small{font-size:10px;line-height:1.3;text-transform:uppercase;font-weight:800;letter-spacing:.035em}.flow-arrow strong{font-weight:800;font-size:13px;margin:5px 0 4px}.flow-arrow span{font-size:11px;font-weight:700}
.new-trust{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin:6px 0 16px}
.new-trust span{font-size:12px;color:#153a64;font-weight:800;white-space:nowrap}
.new-hero-image{position:relative;height:375px;overflow:hidden;border-radius:28px;box-shadow:0 14px 34px #16406426;background:#e8ecdf}
.new-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
/* Real controls and tagline in the bottom of the hero image. Do not bake text into the photo. */
.new-hero-image::after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;background:linear-gradient(0deg,rgba(9,31,59,.80),rgba(9,31,59,0));pointer-events:none}
.hero-image-cta{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.hero-image-badge{position:static;flex:0 0 auto;background:rgba(255,253,241,.97);color:#143e68;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:800;box-shadow:0 5px 20px #16345526;line-height:1.2}
.hero-image-badge strong{display:block;font-size:17px}
.hero-image-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}
.hero-image-actions .btn{min-height:39px;padding:9px 12px;border-radius:11px;font-size:11px;line-height:1.2;text-align:center;white-space:normal;box-shadow:0 4px 10px #081d3536}
.hero-signup-free{background:#ffd02b;color:#12345b}
.hero-signup-lessons{background:#e9faf6;color:#12345b}
.hero-image-badge strong{color:#008d72}
.grade-section{padding:26px 0 19px;background:#f5faf8}.centered-heading{text-align:center;margin:0 0 23px}.centered-heading h2{font-size:clamp(26px,2.4vw,36px);margin:0 0 3px}.centered-heading p{margin:0;color:#5b7187;font-size:14px}
.grade-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.grade-tile{display:grid;grid-template-columns:39% 61%;border-radius:19px;min-height:266px;overflow:hidden;border:1px solid #c9dfd7}
.grade-kindergarten{background:#ffefb6;border-color:#f5e29f}.grade-first{background:#d8edfd;border-color:#c5e1f7}.grade-second{background:#def6c7;border-color:#cee8b7}
.grade-mascot{align-self:stretch;display:flex;align-items:end;overflow:hidden}
.grade-mascot img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.grade-copy{padding:17px 18px 16px 18px;display:flex;flex-direction:column;min-width:0}
.grade-copy h3{font-size:clamp(19px,1.65vw,26px);letter-spacing:-.035em;margin:0}
.grade-tagline{margin:4px 0 9px;font-weight:800;font-size:14px}
.grade-copy ul{padding-left:0;list-style:none;margin:0 0 12px}
.grade-copy li{position:relative;font-size:12px;margin:3px 0;line-height:1.55;padding-left:21px}
.grade-copy li:before{content:'✓';position:absolute;top:1px;left:0;border-radius:5px;background:#eba900;color:#fff;font-size:10px;width:15px;height:15px;line-height:15px;text-align:center;font-weight:900}
.grade-first .grade-copy li:before{background:#1686e7}.grade-second .grade-copy li:before{background:#099451}
.grade-action{font-size:12px!important;min-height:37px;padding:8px 10px!important;text-align:center;margin-top:auto;background:#ffcc27;color:#142e48;border:0;white-space:normal}
.grade-first .grade-action{background:#108cf4;color:#fff}.grade-second .grade-action{background:#00934c;color:#fff}
.home-benefits{background:#f5faf8;padding:5px 0 27px}
.benefit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.benefit{display:flex;gap:12px;padding:10px 13px;align-items:center;border-right:1px solid #c8d8dc}
.benefit:last-child{border-right:0}.benefit strong{font-size:13px;line-height:1.2;color:#193454}.benefit p{font-size:11px;margin:3px 0 0;line-height:1.4;color:#51697d}
.benefit-icon{font-size:25px;width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center}.benefit-icon.rose{background:#ffe0e7;color:#ef4575}.benefit-icon.green{background:#d9f5db;color:#179852}.benefit-icon.violet{background:#e9d6fa;color:#8e3aca}.benefit-icon.orange{background:#ffeadb;color:#f26f27}
.home-next{background:linear-gradient(115deg,#1a598a,#103965 70%);color:#fff;padding:21px 0}.home-next-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.home-next strong{font-size:17px}.home-next p{margin:4px 0 0;font-size:12px;color:#d5e8f7}
@media(max-width:1120px){.hero-frame{grid-template-columns:1fr}.new-hero-image{height:350px;max-width:860px}.grade-tile{grid-template-columns:34% 66%}.grade-copy li{font-size:11px}}
@media(max-width:800px){.grade-tiles{grid-template-columns:1fr}.grade-tile{grid-template-columns:200px 1fr;min-height:220px}.grade-copy{padding:20px}.grade-copy h3{font-size:24px}.grade-copy li{font-size:13px}.benefit-row{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit:nth-child(2){border-right:0}}
@media(max-width:560px){.new-hero .container{width:calc(100% - 30px)}.hero-frame{padding:22px 0;gap:16px}.flow-arrows{grid-template-columns:repeat(2,1fr);gap:6px}.flow-arrow,.flow-arrow:first-child{clip-path:none;border-radius:12px;padding:13px;min-height:95px}.flow-arrow strong{font-size:12px}.new-hero-image{height:230px;border-radius:19px}.grade-section{padding:22px 0}.grade-tile{grid-template-columns:35% 65%}.grade-mascot img{object-position:center}.grade-copy{padding:14px}.grade-copy li{font-size:11px}.grade-copy h3{font-size:20px}.benefit-row{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid #c8d8dc}.home-next-wrap{flex-direction:column;align-items:flex-start}}

/* Phase SQL / homepage redesign finishing pass: navy frame and quiet mint interior canvas. */
.site-header{background:#193b68;border-color:#254c7b;backdrop-filter:none}
.site-header .logo,.site-header .nav-links a:not(.btn){color:#fff}
.site-header .logo small{color:#bdd2e4}
.site-header .nav-links a.active,.site-header .nav-links a:hover{color:#a7eee3}
.site-header .btn-primary{background:#a7e7db;color:#14365a}
.site-header .btn-outline{background:transparent;color:#fff;border-color:#7895b1}
.site-header .mobile-menu{background:#345f88;color:#fff}
.site-footer{background:#193b68;border-top-color:#244f7e;color:#fff}
.site-footer .logo,.site-footer .footer-grid strong,.site-footer .footer-links a{color:#f1f9fc}
.site-footer .logo small,.site-footer .footer-grid p,.site-footer .footer-bottom{color:#bed0e1}
.site-footer .footer-bottom{border-top-color:#325779}
.page-shell{background:transparent}
@media(max-width:840px){.site-header .nav-links{background:#193b68;border-color:#325779}}


/* Phase 5C: balanced grade-card gutters; flush footer with spacing below logo. */
.site-footer{margin-top:0}
.footer-brand .logo{margin-bottom:18px}
.footer-brand p{margin-top:0}
@media(max-width:1350px) and (min-width:1121px){
  .hero-image-cta{left:12px;right:12px;bottom:12px;gap:6px}
  .hero-image-badge{padding:8px 9px;font-size:11px}
  .hero-image-badge strong{font-size:15px}
  .hero-image-actions{gap:6px}
  .hero-image-actions .btn{padding:8px 9px;font-size:10px}
}
@media(max-width:600px){
  .new-hero-image{height:305px}
  .hero-image-cta{left:12px;right:12px;bottom:12px;display:flex;align-items:stretch;flex-direction:column;gap:9px}
  .hero-image-badge{align-self:flex-start}
  .hero-image-actions{justify-content:flex-end;flex-wrap:nowrap}
  .hero-image-actions .btn{flex:1 1 0;min-height:41px;padding:9px 6px;font-size:11px}
  .new-hero-image::after{height:185px}
}
@media(max-width:355px){
  .hero-image-actions{flex-wrap:wrap}
  .hero-image-actions .btn{flex:1 1 100%}
  .new-hero-image{height:335px}
}
@media print{.hero-image-cta{display:none!important}}

/* Phase 5E: full-bleed hero touching sticky header; balanced cards and selects. */
.site-header{position:sticky;top:0;z-index:100}
.full-width-cta{position:relative;width:100%;margin:0;padding:0;line-height:0;background:#eaf4f2;overflow:hidden}
.full-width-cta-image{display:block;width:100%;height:clamp(320px,36vw,650px);object-fit:cover;object-position:center;border-radius:0;margin:0}
.full-width-cta::after{position:absolute;content:"";bottom:0;left:0;right:0;height:165px;background:linear-gradient(transparent,rgba(10,30,60,.75));pointer-events:none}
.full-width-cta-bar{position:absolute;z-index:2;bottom:22px;left:clamp(18px,4vw,70px);right:clamp(18px,4vw,70px);display:flex;align-items:flex-end;justify-content:space-between;gap:18px;line-height:1.3}
.full-width-cta-badge{background:#fff9e9;color:#193b68;padding:14px 21px;border-radius:15px;font-weight:800;box-shadow:0 7px 23px #14274230}
.full-width-cta-badge strong{display:block;font-size:22px;color:#0a917a}
.full-width-cta-buttons{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.full-width-cta-buttons .btn{min-height:46px;padding:11px 20px;box-shadow:0 7px 23px #14274230}
/* Logo is a transparent vector; natural aspect ratio, no fixed-square distortion or vertical offset. */
.grade-copy{padding-left:18px;padding-right:18px}
.field select{padding-right:30px;background-position:right 17px center}
@media(max-width:680px){.full-width-cta-image{height:400px}.full-width-cta-bar{left:12px;right:12px;bottom:12px;gap:8px;flex-direction:column;align-items:stretch}.full-width-cta-badge{align-self:flex-start;font-size:12px;padding:9px 13px}.full-width-cta-badge strong{font-size:17px}.full-width-cta-buttons{flex-wrap:nowrap}.full-width-cta-buttons .btn{flex:1;min-width:0;white-space:normal;font-size:11px;padding:9px 8px}}

/* Consistent arrow inset for planner and catalog dropdown controls. */
.field select{
  -webkit-appearance:none;appearance:none;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23193b68' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:14px 14px;
  background-position:right 17px center;
  padding-right:43px;
}

/* Phase 7: independently usable five-day practice and printable weekly classwork. */
.daily-practice-list{display:grid;gap:15px;margin:20px 0}
.practice-day{background:#f7fbfb;border:1px solid #dce9ea;border-radius:18px;padding:18px 20px}
.practice-day:nth-child(2n){background:#fff8ea;border-color:#f0e3cc}
.practice-day .eyebrow{font-size:11px;color:#257c81}
.practice-task{font-size:14px;font-weight:650;color:#304b63;margin:7px 0 12px;line-height:1.6}
.practice-day .field textarea{background:#fff;font-weight:500;min-height:82px}
.print-weekly{margin-top:20px;padding-top:10px;border-top:2px solid #d3e0e7}
.print-day{margin:17px 0 20px;break-inside:avoid;page-break-inside:avoid}
.print-day>strong{font-size:14px;color:#233a58}
.print-day p{margin:5px 0;font-size:12px;line-height:1.5}
.print-day .print-line{height:29px;margin:6px 0 11px}
.print-weekly h2{margin-bottom:15px}
@media print{.print-day,.print-question,.print-cover{break-inside:avoid;page-break-inside:avoid}.print-weekly{margin-top:9mm}.print-day{margin:5mm 0}}

/* Phase 8: crawlable public curriculum and static navigation */
.seo-main{padding-block:32px 62px}.seo-public-page{background:#f1f6f7}.seo-main h2{font-size:clamp(23px,2.1vw,31px)}.seo-main h3{font-size:18px;letter-spacing:-.02em}.seo-main p{color:#4e5b76}.seo-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px;font-size:13px;color:#3a617f}.seo-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.seo-breadcrumb span{color:#8da2b4}.seo-grade-grid,.seo-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo-grade-panel,.seo-subject-panel,.seo-intro-panel{border:1px solid #dbe8ed;border-radius:20px;padding:24px;background:#fff;box-shadow:0 4px 18px #263d5810}.seo-grade-panel h2,.seo-subject-panel h2{font-size:24px}.seo-grade-panel h2 a,.seo-subject-panel h2 a{color:#175e80}.seo-subjects{display:grid;gap:5px;padding-left:22px}.seo-subjects a{color:#185982;text-decoration:underline}.seo-callout{margin-block:25px!important;background:#e1f1f2;border-radius:15px;padding:20px}.seo-callout a{color:#0f607b;font-weight:800;text-decoration:underline}.seo-week-list{list-style:none;padding:0;display:grid;gap:11px}.seo-week-row{display:flex;align-items:center;gap:16px;justify-content:space-between;background:white;border-radius:17px;border:1px solid #e4eaf1;padding:16px 20px}.seo-week-row h3{margin:6px 0}.seo-week-row p{margin:0 0 4px}.seo-week-row small{color:#677995}.seo-week-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#197987;font-weight:800}.seo-inline-button{display:inline-block;background:#e6f1fb;color:#153d67;font-weight:800;padding:8px 12px;border-radius:11px;white-space:nowrap;font-size:12px}.seo-byline{font-size:14px}.seo-lesson{max-width:950px}.seo-lesson h2{margin-top:26px}.seo-lesson li{margin:7px 0}.seo-static-nav{display:flex}.seo-nav-shell{min-height:79px;height:auto;padding-block:9px}.centered-heading h1{font-size:clamp(26px,2.4vw,36px);margin:0 0 3px}
@media(max-width:1100px){.seo-grade-grid,.seo-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-static-nav{gap:10px}}
@media(max-width:760px){.seo-grade-grid,.seo-subject-grid{grid-template-columns:1fr}.seo-week-row{flex-direction:column;align-items:flex-start}.seo-nav-shell{flex-wrap:wrap;justify-content:center}.seo-static-nav{display:flex!important;flex-wrap:wrap;justify-content:center}.seo-nav-shell .nav-actions{display:flex}.seo-public-page .logo{font-size:16px}}

/* Phase 9 reading comprehension: consistent learning card and print styling. */
.reading-passage{background:#fff8e6;border:1px solid #efdda5;border-left:5px solid #d39e37;border-radius:16px;padding:21px 24px;margin:17px 0 23px;line-height:1.9;white-space:normal}
.reading-passage h3{font-size:23px;margin:6px 0 13px}.reading-passage p{color:#213759;font-size:clamp(16px,1.4vw,19px);line-height:1.95;margin:0 0 10px}.reading-passage small{display:block;font-size:12px;color:#566579}.question-group{display:block;color:#15778a;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;margin-bottom:7px}.print-passage{page-break-inside:avoid;break-inside:avoid}@media print{.reading-passage{box-shadow:none!important;background:#fff!important;border:1px solid #aaa!important}.reading-passage p{color:#111!important}.question-group{color:#333!important}.print-passage{break-after:avoid}}

/* Phase 9B: balanced header/footer cow-logo whitespace at desktop and mobile sizes. */
.site-header .nav-shell{align-items:center}
.site-header .logo-mark-image,.site-footer .logo-mark-image{align-self:center}
@media(max-width:780px){
  .site-header .logo-mark-image{flex:0 0 auto;width:auto;height:auto}
  .site-header .logo-mark-image img{height:48px;width:auto}
  .site-footer .logo-mark-image{flex:0 0 auto;width:auto;height:auto}
  .site-footer .logo-mark-image img{height:56px;width:auto}
}

/* Phase 9E: print-only lesson branding and centered pagination. The screen view stays unbranded. */
.worksheet-print-brand{display:none}
@page cowscreamsmoo-worksheet{
  size:auto;
  margin:18mm 15mm 21mm;
  @bottom-center{
    content:"Page " counter(page) " of " counter(pages);
    font-family:Manrope,Arial,sans-serif;
    font-weight:700;
    font-size:9pt;
    color:#3d526a;
  }
}
@media print{
  body[data-page="worksheet"]{page:cowscreamsmoo-worksheet}
  body[data-page="worksheet"] .print-sheet{
    page:cowscreamsmoo-worksheet;
    width:100%;max-width:none;margin:0;padding:0;
    border:0;box-shadow:none;
  }
  body[data-page="worksheet"] .worksheet-print-brand{
    display:flex!important;
    align-items:center;
    gap:4mm;
    padding:0 0 4mm;
    margin:0 0 5mm;
    min-height:22mm;
    border-bottom:.3mm solid #cadbe4;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  body[data-page="worksheet"] .worksheet-print-brand img{
    display:block;
    flex:0 0 auto;
    width:17mm;
    height:auto;
    max-height:22mm;
    object-fit:contain;
  }
  body[data-page="worksheet"] .worksheet-print-brand-copy{
    display:flex;flex-direction:column;align-items:flex-start;
    gap:1mm;min-width:0;
  }
  body[data-page="worksheet"] .worksheet-print-brand-copy strong{
    font-family:Manrope,Arial,sans-serif;
    font-size:15pt;line-height:1.2;
    font-weight:800;color:#193b68;
    letter-spacing:-.02em;
  }
  body[data-page="worksheet"] .worksheet-print-brand-copy span{
    font-family:Manrope,Arial,sans-serif;
    font-size:9pt;line-height:1.3;
    font-weight:700;color:#35667b;
    letter-spacing:.035em;
  }
  body[data-page="worksheet"] .print-cover{margin-top:0}
}

/* Printable assignments use the same Manrope typography as the interactive lessons. */
@media print {.print-sheet,.print-sheet *{font-family:'Manrope',Arial,sans-serif!important}}