:root{--navy:#102b49;--navy-light:#193b5c;--paper:#f5f8fc;--ink:#172d45;--muted:#617389;--line:#e0e8f1;--line-strong:#cbd9e7;--teal:#087f81;--teal-soft:#e7f6f2;--gold:#f2ad49;--white:#fff;--shadow:0 5px 20px rgba(21,50,82,.045);--radius:15px;--sub:#3177b2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #77ccbf;outline-offset:3px}a{color:#147d97}h1,h2,h3,h4,p,figure{margin:0}h1{line-height:1.18;letter-spacing:-.032em}h2{letter-spacing:-.025em;line-height:1.3}h3{line-height:1.4}p{line-height:1.72}ul,ol{margin:8px 0 0;padding-left:23px}.skip-link{position:absolute;left:10px;top:-100px;background:white;color:black;padding:8px;z-index:50}.skip-link:focus{top:8px}.top-line{height:4px;background:linear-gradient(90deg,#1a91a0,#d5ae4d,#5b92dc,#5aab7a)}
.shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 4px);max-width:1850px;margin:auto}.sidebar{position:sticky;top:0;height:calc(100vh - 4px);min-height:580px;background:#fff;border-right:1px solid var(--line);padding:23px 16px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:3px 5px 19px}.brand-emblem{width:48px;height:48px;border-radius:13px;background:var(--navy);color:#e8ffff;display:grid;place-items:center;flex:none;box-shadow:0 5px 13px #102b4928}.brand b{display:block;font-size:14px;letter-spacing:.02em;line-height:1.2}.brand strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.06em}.brand strong span{color:#098b89}.brand small{display:block;font-size:8.8px;letter-spacing:.17em;font-weight:800;color:#667990;margin-top:3px}.side-divider{height:1px;background:var(--line);margin-bottom:20px}.sidebar-toolbar,.list-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.section-kicker,.field-label{display:block;font-weight:850;letter-spacing:.09em;color:#667c92;font-size:10px}.level-tag{font-size:10px;font-weight:850;background:#eef4fb;color:#315777;padding:5px 10px;border-radius:7px}.subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:21px}.subject-btn{border:1.5px solid #e3eaf2;border-radius:11px;padding:11px 8px 12px;background:#fbfcfe;display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:#35506d;transition:.2s}.subject-btn:hover{border-color:var(--subject-color);transform:translateY(-1px)}.subject-btn.active{background:var(--subject-bg);border-color:var(--subject-color);color:var(--subject-color)}.subject-btn .subject-symbol{font-weight:850;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:white;box-shadow:0 2px 7px #09243d0a;font-size:18px}.subject-btn strong{font-size:12px}.nav-caption{margin-bottom:12px}.field-label{margin-bottom:7px}.search-wrap{display:flex;gap:7px;align-items:center;border:1px solid var(--line-strong);border-radius:9px;background:#fff;padding:0 11px;color:#8596a7}.search-wrap input{width:100%;min-width:0;border:0;outline:0!important;padding:11px 0;background:none;color:var(--ink);font-size:13px}.search-wrap:focus-within{border-color:#5faeaf;box-shadow:0 0 0 3px #d6f3ef}.chapter-select{width:100%;border:1px solid var(--line-strong);border-radius:9px;color:#2f4d6c;background:white;padding:10px 27px 10px 11px;margin-bottom:18px;font-size:12.5px;text-overflow:ellipsis;min-width:0}.list-head{margin:0 4px 8px;font-size:12px;font-weight:800;color:#506780}.tiny-pill{color:#5e7890;background:#edf3fa;padding:1px 8px;border-radius:20px}.lesson-list{flex:1;min-height:100px;overflow:auto;margin:0 -7px;padding:0 6px 8px 2px;scrollbar-color:#c6d3df transparent;scrollbar-width:thin}.chapter-label{font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:#8593a4;font-size:10px;padding:15px 8px 6px}.lesson-link{display:flex;align-items:center;width:100%;gap:10px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;padding:11px 9px;color:#38536c;margin:2px 0}.lesson-link:hover{background:#f3f8fc}.lesson-link.active{background:#edf8f6;color:#066f70;border-color:#bde7e1}.lesson-num{width:28px;height:28px;display:grid;place-items:center;flex:none;background:#eff3f8;border-radius:8px;font-size:11px;font-weight:850;color:#49627a}.lesson-link.active .lesson-num{background:#0b8182;color:white}.lesson-link strong{display:block;font-size:12.1px;line-height:1.34}.lesson-link small{display:block;font-size:10.7px;line-height:1.5;color:#8292a1;margin-top:3px}.lesson-link .mini-star{color:#d19b4d;margin-left:auto;flex:none}.side-footer{border-top:1px solid var(--line);display:flex;gap:10px;padding:17px 4px 1px;color:#526b80;font-size:11px;line-height:1.4}.side-footer small{color:#8a9aac}.live-dot{background:#18a388;width:8px;height:8px;border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px #e5f6f2;flex:none}
.main-wrap{display:flex;min-width:0;flex-direction:column}.header-bar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 clamp(18px,3.5vw,54px);border-bottom:1px solid var(--line);background:#fff}.breadcrumbs{font-size:11px;font-weight:850;letter-spacing:.08em;color:#677f94;text-transform:uppercase}.header-controls{display:flex;align-items:center;gap:13px}.source-chip{font-size:11px;color:#697e90;background:#eff4f9;padding:7px 12px;border-radius:50px}.icon-button,.mobile-menu{border:1px solid var(--line-strong);background:white;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:#48627f}.icon-button:hover,.mobile-menu:hover{background:#eef7f7}.mobile-menu{display:none}main{flex:1;width:100%;padding:30px clamp(18px,3.5vw,54px) 55px;max-width:1500px;margin:auto}.site-footer{border-top:1px solid var(--line);padding:21px clamp(18px,3.5vw,54px);color:#8091a1;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10.7px}.site-footer span{padding:0 8px;color:#b2bfc9}
.page-heading{margin-bottom:25px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.13em;color:#0c8b90;text-transform:uppercase}.page-heading h1{margin:7px 0 8px;font-size:clamp(27px,3.4vw,43px)}.lead-text{color:#60748a;max-width:800px;font-size:14px}.hero-campus{border:1px solid #c9e0e7;min-height:232px;background:radial-gradient(circle at 88% 12%,#b9e8e1 0,transparent 28%),linear-gradient(110deg,#e8f5f8 0,#f9fcff 70%);padding:28px 30px;border-radius:20px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-bottom:25px;overflow:hidden;position:relative}.hero-campus:before{content:"";position:absolute;width:350px;height:350px;right:-220px;top:-180px;border:45px solid #ffffff90;border-radius:50%}.hero-campus .hero-text{position:relative;z-index:1}.hero-campus h1{font-size:clamp(29px,3.7vw,47px);margin:8px 0 12px}.hero-campus p{max-width:590px;color:#59748c;font-size:14px}.hero-illustration{display:flex;align-items:center;justify-content:center;position:relative;min-height:188px}.hero-illustration svg{width:100%;max-width:385px;height:auto;filter:drop-shadow(0 16px 15px #1c6a850f)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{border:1px solid var(--line-strong);border-radius:10px;padding:10px 15px;font-weight:770;font-size:12px;background:#fff;color:#274864;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.16s}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn.primary{background:#102d4a;border-color:#102d4a;color:#fff}.btn.teal{background:#0a8382;border-color:#0a8382;color:#fff}.btn.ghost{background:#f6fafd;color:#456a88}.btn.sm{font-size:11px;padding:7px 10px;border-radius:7px}.btn:disabled{opacity:.55;cursor:not-allowed}.neutral-banner{background:#fff;border:1px solid var(--line);border-left:3px solid #eca846;border-radius:11px;padding:13px 16px;color:#6d6f70;margin:14px 0 19px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:28px}.metric-card{padding:18px;border-radius:13px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);min-width:0}.metric-card small{font-size:10px;letter-spacing:.04em;color:#7890a6;text-transform:uppercase;font-weight:800}.metric-card .metric-val{font-size:33px;line-height:1.2;font-weight:850;letter-spacing:-.055em;margin:5px 0;color:var(--navy)}.metric-card .metric-foot{font-size:11px;color:#8b99a6}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:27px 0 15px}.section-heading h2{font-size:20px}.section-heading p{font-size:12px;color:#8190a0}.subject-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.subject-card{background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0;padding:18px;box-shadow:var(--shadow);text-align:left;display:flex;flex-direction:column;gap:9px;color:var(--ink)}.subject-card:hover{border-color:var(--subject-color);box-shadow:0 8px 27px #173d6321;transform:translateY(-2px)}.subject-card .big-symbol{border-radius:13px;background:var(--subject-bg);color:var(--subject-color);display:grid;place-items:center;width:51px;height:51px;font-size:26px;font-weight:800}.subject-card h3{font-size:16px}.subject-card p{font-size:11.5px;color:#718399;flex:1}.subject-card .card-link{display:flex;align-items:center;justify-content:space-between;font-weight:850;font-size:11px;color:var(--subject-color);padding-top:7px;border-top:1px solid var(--line)}.pathway{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.path-step{border:1px solid var(--line);background:white;border-radius:12px;padding:17px;min-width:0}.path-number{width:29px;height:29px;background:#edf4fb;color:#466a8d;border-radius:50%;display:grid;place-items:center;font-weight:850;margin-bottom:10px}.path-step h4{font-size:13px;margin-bottom:6px}.path-step p{font-size:11px;color:#74879b}
.lesson-hero{padding:23px 26px;border-radius:18px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:17px;position:relative;overflow:hidden}.lesson-hero:after{content:"";position:absolute;right:-130px;bottom:-180px;width:350px;height:350px;border-radius:50%;background:var(--subject-bg);z-index:0}.lesson-hero>*{position:relative;z-index:1}.trail{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:11px;color:#8296a7;font-size:11px;font-weight:720}.trail span:last-child{color:var(--subject-color)}.lesson-hero h1{font-size:clamp(23px,2.8vw,34px);margin-bottom:6px}.lesson-hero .en-title{color:#617790;font-size:15px;margin-bottom:13px;font-weight:550}.lesson-pills{display:flex;gap:7px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:730;border-radius:50px;padding:5px 11px;background:#f0f4f9;color:#5b758e}.pill.demo{background:#e6f5f1;color:#087c70}.pill.pending{background:#fff3e0;color:#93631e}.lesson-hero .lesson-medallion{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border:1px solid var(--subject-color);border-radius:30px;background:var(--subject-bg);color:var(--subject-color);font-size:54px;font-weight:740;box-shadow:0 8px 20px #273f4b0b}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 17px}.tabbar{display:flex;gap:5px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:auto;scrollbar-width:thin}.tab{border:0;border-radius:9px;padding:11px 14px;color:#607589;background:transparent;white-space:nowrap;font-size:12px;font-weight:790}.tab:hover{background:#eef5f9;color:#345771}.tab.active{background:#123653;color:white;box-shadow:0 3px 8px #1036541a}.secondary-tools{display:flex;gap:8px}.body-grid{display:grid;grid-template-columns:minmax(0,1fr) 266px;align-items:start;gap:16px}.body-main{min-width:0}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.panel + .panel{margin-top:16px}.panel-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:18px}.panel-head h2{font-size:21px;margin-bottom:4px}.panel-head p{font-size:12px;color:#708498}.mini-label{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:#0e8890}.aside-stack{display:grid;gap:14px;position:sticky;top:20px}.aside-card{border:1px solid var(--line);background:white;border-radius:14px;padding:17px}.aside-card h4{font-size:13px;margin-bottom:12px}.aside-card p,.aside-card li{font-size:11.5px;color:#6b7f92}.aside-card ul{padding-left:18px}.aside-card .source-item{border-top:1px solid #edf1f5;padding:10px 0}.aside-card .source-item:first-of-type{border:0;padding-top:0}.aside-card small{font-size:10px;color:#8293a2}.aside-card .btn{width:100%;margin-top:12px}.coverage-tile{display:flex;gap:9px;align-items:center;margin-top:12px;background:#eff8f7;border-radius:9px;padding:11px;color:#237c79;font-size:11px;font-weight:730}.progress-track{height:8px;background:#edf3f8;border-radius:50px;overflow:hidden;margin-top:8px}.progress-track div{height:100%;background:#1b9a90;border-radius:50px}.intro-lead{font-size:16px;font-weight:750;color:#304d68;margin:9px 0}.intro-en{background:#f2f8fc;border-left:3px solid #5e9acb;border-radius:9px;padding:16px 18px;margin:17px 0;font-size:13px;color:#335774;font-style:italic}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-block{background:#f7fafc;border:1px solid #e7eff5;border-radius:12px;padding:17px;min-width:0}.info-block h3{font-size:13px;margin-bottom:9px}.info-block li{font-size:12px;color:#50647b;margin-bottom:7px}.pocket-note{margin-top:17px;border:1px dashed #d3b67a;background:#fff9ef;color:#7c643f;padding:15px;border-radius:11px;font-size:12px}.pocket-note strong{display:block;margin-bottom:5px}.term-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.term-toolbar input{border:1px solid var(--line-strong);padding:10px 13px;border-radius:9px;width:min(100%,270px);font-size:12px}.term-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}.term-table{border-collapse:collapse;width:100%;min-width:690px;font-size:12px}.term-table th{text-align:left;background:#eef4f8;color:#5a7186;font-size:10px;text-transform:uppercase;letter-spacing:.065em;padding:12px 14px}.term-table td{border-top:1px solid #e9eff4;vertical-align:top;padding:12px 14px;color:#42566b}.term-table tbody tr:hover{background:#fafcfe}.term-english{display:block;color:#163b5a;font-weight:820;font-size:13px}.inline-icon-btn{display:inline-grid;place-items:center;border:1px solid var(--line-strong);border-radius:8px;width:29px;height:27px;background:#fff;margin-left:5px;color:#0b858b;vertical-align:middle}.inline-icon-btn:hover{background:#ecf6f5}.literal-note{font-size:11px;color:#8794a0;margin-top:12px}.formula-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.formula-card{border:1px solid #dbe6ef;border-radius:12px;padding:18px;background:linear-gradient(150deg,#fff,#f8fbff)}.formula-big{font:600 24px/1.5 Cambria,'Cambria Math','Times New Roman',serif;color:#163d5e;overflow-wrap:anywhere;margin:8px 0 12px}.formula-card .reading{font-size:12px;color:#496987;line-height:1.6;margin-top:10px}.formula-card .reading strong{color:#1b5069}.formula-card .meaning{font-size:12px;color:#647a90}.formula-card .btn{margin-top:12px}.visual-stage{border:1px solid #d8e5ed;background:#fbfdff;border-radius:15px;padding:18px;margin:17px 0 8px}.visual-stage svg{width:100%;height:auto;max-height:355px;display:block}.visual-stage .visual-control-row{display:flex;gap:18px;flex-wrap:wrap;align-items:end}.control-group{display:flex;flex:1 1 150px;gap:5px;flex-direction:column;font-size:11px;font-weight:800;color:#567087}.control-group input{width:100%;accent-color:#0a9091}.control-group span{font-size:12px;color:#21425c}.visual-caption{color:#71869a;font-size:11px;margin-top:9px}.computed-box{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}.computed-box span{background:#e7f5f2;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:770;color:#177976}.worked-head{background:#edf5f9;border-radius:10px;padding:15px 17px;margin-bottom:16px}.worked-head strong{display:block;color:#1c4763;margin-bottom:6px}.worked-head p{font-size:12px;color:#546e83}.steps{counter-reset:steps;display:grid;gap:11px}.worked-step{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #e7eff5;border-radius:10px;background:#fff}.step-ball{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e9f4f8;color:#2c7292;font-weight:820;font-size:11px}.worked-step h4{font-size:12px;margin-bottom:5px}.worked-step p{font-size:12px;color:#51697d}.answer-strip{background:#e9f7f3;border-radius:10px;padding:14px 16px;color:#257767;font-size:12px;margin-top:15px}.activity-list{display:grid;gap:14px}.activity-card{border:1px solid #e0e9f0;border-radius:13px;padding:17px}.activity-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.activity-card h3{font-size:15px}.activity-card p{font-size:12px;color:#50677d;margin:7px 0}.activity-card .frame{background:#f3f8fd;border-left:3px solid #6fa4d2;border-radius:7px;padding:11px 14px;color:#345a7b;font-style:italic}.framework{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.framework .framework-box{background:#f6f9fc;border:1px solid #e5edf4;padding:12px;border-radius:10px}.framework-box b{display:block;font-size:11px;color:#2d668b;margin-bottom:5px}.framework-box p{font-size:10.7px;color:#687f92}.matrix-table{width:100%;border-collapse:collapse;min-width:580px}.matrix-table th,.matrix-table td{padding:12px;border:1px solid #e0eaf3;font-size:11px;text-align:left;vertical-align:top}.matrix-table th{background:#eaf3f8;color:#315f7d}.matrix-table td{background:#fbfdfe;color:#496880}.matrix-table td:first-child{font-weight:800;color:#31536c;background:#f5f9fb}.sgk-card{border:1px solid #dfe8f0;border-radius:14px;margin-bottom:13px;overflow:hidden;background:#fff}.sgk-card-head{padding:14px 16px;background:#f4f8fb;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}.sgk-card-head h3{font-size:13px}.sgk-card-body{padding:17px}.sgk-card-body p{font-size:12.5px;margin-bottom:12px}.sgk-english{background:#ecf8f7;border-left:3px solid #238e8a;padding:12px 14px;border-radius:8px;color:#226a69}.sgk-card details{border-top:1px solid var(--line);padding:12px 16px;background:#fcfdfd;font-size:12px}.sgk-card summary{color:#176c85;font-weight:820;cursor:pointer}.sgk-card details p{color:#52677c;margin-top:9px}.sgk-source-line{font-size:10px;color:#74899d}.exercise-blank{background:#f8fafb;border:1px dashed #cbdce9;border-radius:12px;padding:24px;text-align:center;color:#72859a}.exercise-blank h3{font-size:15px;margin-bottom:7px}.exercise-blank p{font-size:12px}.practice-question{border:1px solid var(--line);padding:17px;border-radius:12px;margin:12px 0}.practice-question h3{font-size:13px;color:#1f4969;margin-bottom:11px}.option{display:flex;align-items:center;gap:10px;border:1px solid #e0e9f1;background:#fff;border-radius:9px;padding:10px;margin:7px 0;font-size:12px;color:#466079;cursor:pointer}.option:hover{background:#f1f8fa}.option:has(input:checked){background:#e8f5f2;border-color:#a3d4cc}.option input{accent-color:#0a8682}.quiz-result{background:#edf7f3;padding:15px;border-radius:10px;margin-top:15px;color:#286e60;font-size:13px}.quiz-explain{border:1px solid #e0eaf0;border-radius:10px;margin-top:9px;padding:12px;font-size:12px}.quiz-explain.good{border-color:#b4e1ce;background:#f3fcf8}.quiz-explain.bad{border-color:#e9caad;background:#fff8ee}.review-input{width:100%;min-height:92px;resize:vertical;border:1px solid #cbdce8;padding:11px 12px;border-radius:10px;color:var(--ink);font-size:12px}.review-label{display:block;font-weight:820;margin:12px 0 6px;color:#3a5974;font-size:12px}.checkline{display:flex;gap:10px;align-items:flex-start;color:#5c7288;font-size:12px;margin:12px 0}.checkline input{accent-color:#168d82;margin-top:3px}.notice{padding:12px 15px;background:#fff8ed;color:#89622e;border:1px solid #f5e6cb;border-radius:10px;font-size:11.5px;margin:14px 0}.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.draft-overview{display:grid;gap:13px}.draft-block{background:#f5f8fb;border:1px solid #e2eaf2;border-radius:12px;padding:18px}.draft-block p{font-size:12px;color:#5c7187}.draft-words{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.draft-words span{font-size:11px;font-weight:680;padding:5px 9px;border-radius:8px;background:#fff;border:1px solid #e0eaf3;color:#46718a}.empty-state{text-align:center;padding:38px;color:#7a90a6}.empty-state h3{margin:10px 0 6px;font-size:15px}.toast{position:fixed;right:24px;bottom:24px;background:#143a53;color:#fff;padding:13px 19px;border-radius:11px;box-shadow:0 12px 30px #10253633;z-index:60;font-size:12px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translateY(0)}.mobile-scrim{display:none}.hidden{display:none!important}
@media(min-width:1500px){.shell{grid-template-columns:318px minmax(0,1fr)}.sidebar{padding-left:21px;padding-right:21px}.body-grid{grid-template-columns:minmax(0,1fr) 284px}}
@media(max-width:1200px){.body-grid{grid-template-columns:1fr}.aside-stack{position:static;grid-template-columns:1fr 1fr}.metric-grid,.subject-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.framework{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;height:100dvh;min-height:0;width:min(320px,89vw);transform:translateX(-105%);transition:transform .25s;box-shadow:10px 0 45px #1e385240}.sidebar.open{transform:translateX(0)}.mobile-scrim{position:fixed;inset:0;background:#1024387f;z-index:10;display:none}.mobile-scrim.show{display:block}.mobile-menu{display:grid}.header-bar{height:64px}.hero-campus{grid-template-columns:1fr;gap:3px}.hero-illustration{min-height:135px}.hero-illustration svg{max-width:250px}.subject-cards{grid-template-columns:repeat(2,1fr)}.pathway{grid-template-columns:repeat(2,1fr)}main{padding-top:18px}}
@media(max-width:620px){.header-controls .source-chip{display:none}main{padding:16px 12px 36px}.site-footer{padding:16px 14px;font-size:10px}.header-bar{padding:0 14px}.breadcrumbs{font-size:9.5px}.hero-campus{padding:21px 19px}.hero-campus h1{font-size:28px}.hero-illustration{display:none}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{padding:14px}.metric-card .metric-val{font-size:26px}.subject-cards{gap:9px}.subject-card{padding:13px}.pathway{grid-template-columns:1fr 1fr}.section-heading{align-items:start}.lesson-hero{padding:18px}.lesson-hero .lesson-medallion{display:none}.lesson-hero h1{font-size:24px}.tabbar{width:100%}.toolbar-row{display:block}.secondary-tools{margin-top:8px}.panel{padding:17px}.two-cols,.aside-stack,.formula-grid{grid-template-columns:1fr}.framework{grid-template-columns:1fr 1fr}.panel-head h2{font-size:19px}.site-footer{display:block}.site-footer div{margin:4px 0}.formula-big{font-size:23px}}
@media print{.sidebar,.header-bar,.tabbar,.secondary-tools,.site-footer,.toast,.action-row,.btn,.mobile-scrim,.visual-control-row,.subject-cards,.metric-grid{display:none!important}.shell{display:block}main{padding:0!important;max-width:none}.body-grid{display:block}.aside-stack{display:none}.panel,.lesson-hero{box-shadow:none;border:0;padding:10px 0;margin:0}.lesson-hero{border-bottom:1px solid #999;page-break-after:avoid}.body-main{width:100%}.sgk-card,.formula-card,.worked-step{break-inside:avoid}body{background:white;font-size:11pt}.lesson-hero:after{display:none}.page-heading{margin:0}}

/* Project rebrand: preserve clear sidebar typography */
.brand strong{font-size:18.5px;letter-spacing:-.055em;white-space:nowrap}.brand b{font-size:13px;letter-spacing:.065em}.brand small{font-size:8.3px;line-height:1.4;letter-spacing:.05em}

/* Original visual learning panels: mathematics grade 10 */
.math-vis-library{background:#fff;border:1px solid #dce8f1;border-radius:17px;padding:25px;margin-bottom:17px;box-shadow:0 4px 18px #1033530a}
.math-vis-label{font-size:10px;letter-spacing:.13em;font-weight:850;color:#168e85;margin-bottom:12px}
.math-vis-library h3{color:#1c3b54;font-size:22px;line-height:1.35;margin:0 0 4px}.math-vis-en{font-size:13px;color:#59879c;font-weight:650;margin-bottom:13px}
.math-vis-picture{border-radius:14px;border:1px solid #dcebf0;background:linear-gradient(135deg,#fbfeff 0%,#f3f9fc 100%);padding:13px;overflow:hidden}.math-vis-picture svg{width:100%;height:auto;display:block;max-height:420px}
.math-vis-question{margin-top:14px;border-left:4px solid #1d9991;padding:13px 16px;background:#edf8f5;border-radius:0 12px 12px 0;font-size:13px;color:#315a64}.math-vis-question b{color:#167e75;font-size:12px}.math-vis-question p{margin:7px 0}.math-vis-question details{margin:10px 0 0;color:#206c79}.math-vis-question summary{font-weight:750;cursor:pointer}.math-vis-caution{font-size:11px;margin:14px 0 0;color:#8292a3}
@media(max-width:620px){.math-vis-library{padding:15px}.math-vis-library h3{font-size:18px}.math-vis-picture{padding:5px}.math-vis-question{padding:11px}}
@media print{.math-vis-picture{break-inside:avoid}.math-vis-library{box-shadow:none}}

/* Physics10 visual learning panels: original diagrams for 34 lessons. */
.physics-vis-library .math-vis-label{color:#6863b7}
.physics-vis-library .math-vis-question{border-left-color:#7166bd;background:#f4f2fc}
.physics-vis-library .math-vis-question b{color:#60569f}
.physics-vis-library .math-vis-picture{background:linear-gradient(140deg,#fff,#f3f3fb)}

/* SGK bilingual structured cards (source checked, teacher review pending) */
.sgk-overview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 20px}.sgk-overview-strip>div{padding:16px 12px;background:#edf5fb;border:1px solid #d7e7f4;border-radius:14px;display:flex;flex-direction:column;gap:7px}.sgk-overview-strip strong{font-size:27px;color:#163c5e;line-height:1;font-variant-numeric:tabular-nums}.sgk-overview-strip small{font-size:12px;color:#52697d;line-height:1.5}.sgk-card-detailed{overflow:hidden}.sgk-exercise-parts{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.sgk-part{border:1px solid #dfE8f1;border-radius:12px;background:#fff;padding:13px 15px}.sgk-part-head{display:flex;align-items:center;gap:9px;font-size:13px;color:#1b3d5d}.sgk-no{border-radius:7px;background:#e4eff8;color:#1c5b85;padding:5px 7px;font-size:12px}.sgk-part p{margin:9px 0 0;line-height:1.65}.sgk-en{background:#f0f6ff;border-color:#d8e5f8}.sgk-en .sgk-no{background:#dceafa}.sgk-hint{background:#f5f9f2;border-color:#e0ead9}.sgk-hint .sgk-no{background:#e3eed8;color:#396a37}.sgk-hint details{margin-top:10px}.sgk-hint details>summary{cursor:pointer;font-weight:600;color:#2e6137}.exercise-verification{font-size:12px;color:#66788a;padding-top:10px;border-top:1px dashed #dde5ed;margin-top:12px}.sgk-card-detailed .sgk-card-body{padding-bottom:15px}.sgk-part strong{font-weight:700}@media(max-width:640px){.sgk-overview-strip{gap:6px}.sgk-overview-strip>div{padding:12px 8px}.sgk-overview-strip strong{font-size:21px}.sgk-overview-strip small{font-size:10px}.sgk-part{padding:11px}.sgk-card-detailed .sgk-card-head{gap:6px;flex-wrap:wrap}}