:root{--paper:#f6f7f2;--white:#fff;--ink:#183b34;--muted:#63756f;--green:#153f37;--lime:#d9ed99;--line:#dde5dc;--soft:#eef3e9;--orange:#dc7a45;--blue:#e8f1f5;--radius:20px;--sidebar:270px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.6}button,input,select{font:inherit}a{color:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #639585;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(36px,4.3vw,60px);letter-spacing:-2.5px;font-weight:650}h2{font-size:27px;letter-spacing:-.8px}h3{font-size:19px;letter-spacing:-.35px}p+p{margin-top:12px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--green);color:white}.skip-link:focus{top:15px}.sidebar{width:var(--sidebar);height:100dvh;position:fixed;left:0;top:0;border-right:1px solid var(--line);background:#f9faf5;display:flex;flex-direction:column;padding:32px 23px;z-index:40;overflow:auto}.brand{text-decoration:none;display:flex;gap:10px;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1.1px}.brand-symbol{display:grid;place-items:center;color:var(--lime);background:var(--green);border-radius:12px;width:40px;height:42px;font-size:35px}.brand-sub{display:block;font-size:8px;font-weight:650;letter-spacing:1.3px;margin-top:1px;color:var(--muted)}.course-label{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#7f9085;margin-top:42px;margin-bottom:15px}.home-nav,.quiz-nav{text-decoration:none;display:flex;align-items:center;padding:11px 13px;border-radius:10px;gap:12px;font-weight:600;font-size:13px}.home-nav>span,.quiz-nav>span:first-child{font-size:20px}.home-nav.active{background:#eaf0e1}.nav-caption{font-size:9px;letter-spacing:1.2px;color:#76897c;margin:29px 13px 14px;font-weight:650;display:flex;justify-content:space-between}.nav-caption>span{font-size:8px;letter-spacing:.7px;color:#8c9d91}#lesson-nav{display:grid;gap:5px}.lesson-link{display:flex;align-items:center;gap:11px;padding:10px 11px;text-decoration:none;border-radius:10px;font-size:12px;line-height:1.35;min-height:46px;color:#5e7368}.lesson-number{border:1px solid #d6e0d1;color:#7b8d7c;border-radius:7px;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;font-size:10px}.lesson-link.active{background:var(--green);color:white}.lesson-link.active .lesson-number{border-color:#5b776b;color:var(--lime)}.lesson-link.done .lesson-number{background:var(--lime);border-color:var(--lime);color:var(--green)}.lesson-link:hover:not(.active){background:#eaf0e1}.quiz-nav{border-top:1px solid var(--line);border-radius:0;margin-top:20px;padding-top:20px}.quiz-nav.active{color:#2d785b}.nav-arrow{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:28px 9px 0}.progress-caption{display:flex;justify-content:space-between;font-size:10px}.progress-track{margin-top:10px;background:#e2e8dc;border-radius:9px;height:5px;overflow:hidden}#progress-fill{background:#46765c;height:100%;transition:width .3s}.sidebar-bottom p{font-size:11px;color:#81907f;margin-top:8px}.glossary-open{border:0;border-top:1px solid var(--line);background:none;padding:17px 0 0;margin-top:24px;display:flex;gap:9px;font-size:10px;width:100%;text-align:left;align-items:center}.glossary-open>span{font-size:18px}.workspace{margin-left:var(--sidebar)}.topbar{height:83px;padding:0 46px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#f9faf5}.breadcrumb{font-size:9px;letter-spacing:1.15px;color:#85917e;font-weight:600}.breadcrumb>span{margin:0 16px;color:#b0baaa}.breadcrumb>strong{color:#506455;font-weight:600}.student-pill{font-size:10px;display:flex;align-items:center;gap:7px;color:#657669}.status-dot{width:5px;height:5px;background:#729569;border-radius:50%}.avatar{width:30px;height:30px;border-radius:50%;background:#e6edd8;margin-left:13px;display:grid;place-items:center;color:#4e6d41;font-weight:600}.menu-toggle{display:none}main{max-width:1360px;margin:auto;padding:38px 46px 50px;outline:none}.eyebrow{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#6e846f;margin-bottom:15px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:17px;height:1px;background:currentColor}.hero{position:relative;border-radius:var(--radius);overflow:hidden;background:#edf1e5;display:grid;grid-template-columns:1.08fr 1fr;min-height:342px}.hero-copy{padding:38px 0 34px 34px;z-index:1}.hero .eyebrow{font-size:8px;color:#638064}.hero h1 em{font-family:Georgia,serif;font-weight:500;color:#518164}.hero p{font-size:13px;color:#667a64;max-width:355px;margin-top:18px;line-height:1.7}.hero .btn{margin-top:25px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:12px 19px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:10px;text-decoration:none;font-size:12px;font-weight:600;line-height:1.4;min-height:43px}.btn:hover{background:#24584a}.btn.secondary{background:#fff;color:var(--green);border-color:var(--line)}.btn.secondary:hover{background:#edf3e8}.btn.light{background:var(--lime);border-color:var(--lime);color:var(--green)}.hero-art{display:flex;flex-direction:column;justify-content:center;padding:32px 30px 32px 16px;position:relative}.hero-art:before{content:"";position:absolute;width:255px;height:255px;border:1px solid #d8e4cb;border-radius:50%;top:42px;left:15%}.instrument-card{background:white;border:1px solid #dce6d6;border-radius:17px;padding:22px 23px;position:relative;box-shadow:0 14px 26px #203e2810;transform:rotate(-3deg)}.instrument-top{display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:.8px;color:#879481}.instrument-top span:last-child{background:#eff6e6;color:#718869;padding:2px 6px;border-radius:4px}.instrument-body{display:flex;gap:20px;align-items:center;padding:20px 0 12px}.temperature-number{font-size:49px;font-weight:500;letter-spacing:-2px;line-height:1;color:var(--green)}.temperature-number small{font-size:20px;letter-spacing:-.5px}.instrument-label{color:#8c9886;font-size:9px;letter-spacing:.7px;margin-top:8px}.hero-wave{width:100%;height:42px;display:block;border-top:1px solid #eef2e8;margin-top:6px}.signal-tag{position:relative;align-self:flex-end;background:var(--green);color:#f3f9ee;padding:13px 18px;border-radius:11px;display:flex;align-items:center;gap:12px;margin-top:8px;transform:rotate(3deg);box-shadow:0 8px 16px #203e2810}.signal-tag strong{font-size:12px;display:block}.signal-tag small{font-size:8px;color:#b6cabb;display:block}.signal-tag>span{font-size:22px;color:var(--lime)}.hero-art .mini-note{font-size:8px;text-align:center;margin-top:17px;color:#7e9472;position:relative}.welcome-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.welcome-line p{font-size:12px;color:var(--muted)}.welcome-line strong{font-weight:650}.date-badge{border:1px solid var(--line);border-radius:7px;padding:5px 9px;font-size:8px;letter-spacing:.7px;color:#7b8b79}.method-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0 25px;border-bottom:1px solid var(--line);gap:22px}.method-item{display:flex;gap:11px;align-items:center}.method-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce4d4;border-radius:9px;font-size:18px;color:#708865}.method-item h3{font-size:11px;letter-spacing:0}.method-item p{font-size:10px;color:#879380;margin-top:3px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin:29px 0 18px}.section-head h2{font-size:22px;letter-spacing:-.55px}.section-head p{color:#8a9587;font-size:10px;margin-top:6px}.section-head .meta{color:#819077;font-size:9px;white-space:nowrap}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chapter-card{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 19px;display:flex;gap:15px;align-items:center;transition:transform .18s,border-color .18s}.chapter-card:hover{transform:translateY(-3px);border-color:#87a17e}.chapter-card .tile-icon{width:45px;height:48px;display:grid;place-items:center;background:#eff4e8;border-radius:10px;font-size:23px;color:#6a865e;flex-shrink:0}.chapter-card:nth-child(3n+2) .tile-icon{background:#f7efe2;color:#ab8a57}.chapter-card:nth-child(3n) .tile-icon{background:#eaf0f4;color:#6e8b9c}.chapter-meta{display:flex;gap:8px;font-size:8px;letter-spacing:.6px;color:#8d9b86;margin-bottom:5px}.chapter-card h3{font-size:13px;letter-spacing:-.15px}.chapter-card p{font-size:10px;color:#85937f;line-height:1.4;margin-top:6px}.card-arrow{font-size:18px;color:#99aa8f;margin-left:auto}.chapter-card.completed{border-color:#a3bc88}.course-note{font-size:10px;color:#899780;padding:18px 0;line-height:1.6}.bottom-cta{background:var(--green);color:#fff;padding:25px 29px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}.bottom-cta h3{font-size:18px;color:#f8fbef}.bottom-cta p{font-size:11px;color:#aec4b5;margin-top:7px}footer{padding:0 46px 24px;font-size:9px;color:#8f9b88;display:flex;justify-content:space-between;gap:20px;max-width:1360px;margin:auto}footer span{font-size:8px}.lesson-head .eyebrow{margin-top:6px}.lesson-head h1{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1.5px;max-width:700px}.lesson-head .intro{font-size:15px;color:var(--muted);margin-top:17px;max-width:730px;line-height:1.7}.lesson-details{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:10px;color:#7d8e77}.badge{border:1px solid var(--line);border-radius:20px;padding:3px 9px;font-size:9px}.lesson-content{margin-top:28px}.teacher-box{background:#edf2e6;border:1px solid #dce5d1;padding:23px 25px;border-radius:14px;display:flex;gap:17px;margin-bottom:24px}.teacher-avatar{display:grid;place-items:center;width:37px;height:37px;background:var(--green);color:var(--lime);border-radius:12px;flex-shrink:0;font-size:20px}.teacher-label{font-size:9px;font-weight:700;letter-spacing:1px;color:#6f8765;margin-bottom:6px}.teacher-box p{font-size:14px;line-height:1.8;color:#3a5743}.lesson-section{margin-top:28px}.lesson-section h2{font-size:22px;margin-bottom:14px}.lesson-section>p{color:#5b7162;font-size:14px;line-height:1.8}.definition{font-size:16px;line-height:1.8;padding:24px 27px;border:1px solid var(--line);background:white;border-radius:14px}.definition strong{color:#27553e}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.info-card{padding:19px;border:1px solid var(--line);border-radius:13px;background:white}.info-card .small-icon{font-size:24px;color:#73916a;margin-bottom:10px;display:block}.info-card h3{font-size:15px}.info-card p{margin-top:9px;font-size:12px;color:#758472;line-height:1.7}.info-card .tag{font-size:9px;color:#7e906e;display:inline-block;border-radius:5px;background:#edf3e5;padding:2px 6px;margin-bottom:8px}.example-box{border-left:3px solid #d89a5e;padding:22px 24px;background:#fbf4e8;border-radius:0 12px 12px 0}.example-box .example-label{font-size:9px;letter-spacing:1px;font-weight:650;color:#b38954;margin-bottom:8px}.example-box p{font-size:14px;color:#775e3e;line-height:1.8}.example-box ol{padding-left:20px;font-size:13px;color:#775e3e;line-height:1.9}.remember{background:var(--green);color:#f5f9ea;border-radius:13px;padding:21px 25px;margin-top:24px}.remember .remember-label{font-size:9px;letter-spacing:1.2px;color:#b9d09d;font-weight:700;margin-bottom:8px}.remember p{font-size:15px;line-height:1.7}.darija{background:white;border:1px solid var(--line);border-radius:12px;margin-top:18px}.darija summary{cursor:pointer;list-style:none;font-size:11px;padding:14px 19px;color:#697e65;display:flex;justify-content:space-between}.darija summary:after{content:"＋"}.darija[open] summary:after{content:"−"}.darija p{font-family:"Segoe UI",Tahoma,Arial,sans-serif;padding:0 22px 18px;direction:rtl;font-size:17px;line-height:1.95;color:#476443}.sim-panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:18px}.sim-title{display:flex;justify-content:space-between;gap:10px;padding:17px 22px;border-bottom:1px solid var(--line)}.sim-title h3{font-size:13px;line-height:1.5}.sim-title .live-pill{font-size:8px;color:#68845d;background:#edf4e3;padding:2px 7px;border-radius:20px;white-space:nowrap;align-self:center}.sim-body{padding:23px}.sim-note{font-size:10px;color:#8b9684;padding:0 23px 19px}.sim-readings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reading{background:#f4f7f0;border:1px solid #e4ebdd;border-radius:10px;padding:18px 12px;text-align:center}.reading small{font-size:9px;color:#7b8d72;display:block;margin-bottom:6px}.reading strong{font-size:25px;font-weight:500}.reading .unit{font-size:12px;color:#7a8e71;margin-left:3px}.sim-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:20px}.slider-group{flex:1;min-width:200px}.slider-group label{font-size:11px;display:flex;justify-content:space-between;margin-bottom:8px;color:#667d60}.slider-group input{width:100%;accent-color:#326349;cursor:pointer}.slider-limits{display:flex;justify-content:space-between;font-size:9px;color:#93a189}.toggle-label{display:flex;gap:7px;align-items:center;font-size:11px;color:#6c8064}.toggle-label input{accent-color:#326349;width:16px;height:16px}.chain{display:flex;align-items:stretch;gap:7px;padding:8px 0;flex-wrap:wrap}.chain-step{flex:1;min-width:85px;background:#f2f6ec;border:1px solid #dce7d3;border-radius:10px;min-height:72px;padding:10px 5px;text-align:center;font-size:10px;font-weight:600}.chain-step span{display:block;font-size:8px;font-weight:400;margin-top:5px;color:#8a9c7d}.chain-step.active{background:var(--green);color:#f6faed;border-color:var(--green)}.chain-step.active span{color:#b3cba6}.chain-detail{padding:16px 19px;background:#f5f7f0;border-radius:10px;margin-top:12px;font-size:13px;color:#526c4b;line-height:1.8;min-height:90px}.step-list{display:grid;gap:9px;margin-top:16px}.step-row{display:flex;gap:13px;background:#fff;padding:15px 18px;border:1px solid var(--line);border-radius:11px;align-items:flex-start}.step-index{height:27px;width:27px;flex-shrink:0;background:#ecf3e4;display:grid;place-items:center;border-radius:7px;font-size:11px}.step-row h3{font-size:13px;margin:3px 0 6px}.step-row p{font-size:12px;color:#75886e;line-height:1.7}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff;margin-top:18px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;letter-spacing:.3px;background:#edf2e7;padding:13px 17px;white-space:nowrap}td{padding:14px 17px;border-top:1px solid #e6ece0;line-height:1.7;color:#607456}td:first-child{font-weight:600;color:#325439}.small-note{font-size:11px!important;color:#8c997f!important;margin-top:13px!important;line-height:1.7!important}.signal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.signal-tabs button{background:#f0f4ea;border:1px solid #dce7d2;font-size:10px;border-radius:7px;padding:7px 13px}.signal-tabs button.active{background:var(--green);color:white;border-color:var(--green)}.signal-screen{background:#193e35;border-radius:12px;padding:18px 20px;color:white}.signal-screen svg{width:100%;height:110px;display:block}.signal-screen .screen-top{display:flex;justify-content:space-between;font-size:10px;color:#b1caa2}.signal-description{font-size:12px;color:#6c805f;margin-top:15px;line-height:1.8}.check-box{background:#fff;border:1px solid var(--line);padding:24px 25px;border-radius:14px;margin-top:27px}.check-header{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;color:#7a8e6b;font-weight:700;margin-bottom:12px}.check-header span{font-size:18px}.check-box h2{font-size:19px;margin-bottom:9px;line-height:1.5}.check-prompt{font-size:12px;color:#86967b;margin-top:5px}.answers{display:grid;gap:9px;margin-top:18px}.answer{background:#fff;border:1px solid #dce5d5;border-radius:9px;padding:12px 15px;text-align:left;font-size:12px;display:flex;align-items:center;gap:12px;line-height:1.6}.answer .answer-letter{display:grid;place-items:center;width:23px;height:23px;border:1px solid #dce5d5;border-radius:6px;font-size:9px;flex-shrink:0}.answer:hover:not(:disabled){background:#f0f5e9;border-color:#92ac7f}.answer.correct{background:#eff7e7;border-color:#8cab69;color:#35622d}.answer.incorrect{background:#fcf0e9;border-color:#d3a085;color:#95593e}.feedback{margin-top:14px;padding:15px 17px;border-radius:9px;font-size:12px;line-height:1.8;background:#edf5e7;color:#466339}.feedback.error{background:#fcf1e9;color:#8e6244}.feedback:empty{display:none}.hint{margin-top:12px;font-size:11px;color:#819173}.hint summary{cursor:pointer}.hint p{padding:8px 0;line-height:1.8}.lesson-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:26px}.completion-caption{font-size:10px;color:#8b9980;margin-top:10px;text-align:right}.btn:disabled{background:#d5ddcf;border-color:#d5ddcf;color:#7c8b73}.quiz-intro{max-width:660px}.quiz-topline{display:flex;justify-content:space-between;font-size:10px;color:#7d9170;margin:26px 0 8px}.quiz-track{height:5px;background:#e1e8d9;border-radius:8px;overflow:hidden}.quiz-track div{height:100%;background:#668953;transition:width .3s}.result-panel{background:#edf3e6;border:1px solid #dce7d3;padding:34px;text-align:center;border-radius:18px;margin-top:28px}.result-score{display:inline-grid;place-items:center;width:110px;height:110px;border:7px solid #b2ce8c;border-radius:50%;font-size:35px;color:#3b6538;margin-bottom:20px}.result-panel h2{font-size:27px}.result-panel p{color:#6c8260;font-size:13px;margin-top:13px}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:23px;flex-wrap:wrap}.review-row{border:1px solid var(--line);background:white;border-radius:11px;margin-top:10px;padding:16px 19px}.review-row h3{font-size:13px;line-height:1.7}.review-row p{font-size:12px;color:#7b8d6e;line-height:1.8;margin-top:8px}.review-row a{font-size:11px;color:#527246;display:inline-block;margin-top:8px}.source-note{border-top:1px solid var(--line);margin-top:28px;padding-top:17px;font-size:10px;color:#86967b}.source-note a{color:#607d50}.beam-svg{width:100%;height:180px;display:block}.analog-svg{width:100%;height:150px;display:block;background:#f7f9f3;border:1px solid #e4eadd;border-radius:9px}.output-bits{font-size:11px;padding:12px 0 0;display:flex;gap:5px;flex-wrap:wrap;color:#67845a}.output-bits span{background:#edf2e6;padding:3px 6px;border-radius:4px}dialog{width:min(620px,calc(100% - 30px));max-height:85dvh;border:1px solid #dce6d3;border-radius:20px;padding:28px;color:var(--ink);background:#f9fbf5}dialog::backdrop{background:#183b3466;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.dialog-head h2{font-size:25px}.dialog-head .eyebrow{font-size:8px;margin-bottom:8px}.close-dialog{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:21px;display:grid;place-items:center;line-height:1}.search-label{display:block;font-size:10px;color:#809372;margin-bottom:6px}#glossary-search{width:100%;border:1px solid #d7e2cd;padding:11px 14px;border-radius:9px;background:white;color:#254834;font-size:12px;margin-bottom:12px}.glossary-entry{padding:15px 0;border-bottom:1px solid var(--line)}.glossary-entry h3{font-size:14px}.glossary-entry p{font-size:12px;line-height:1.8;color:#718667;margin-top:6px}.glossary-entry a{font-size:10px;color:#537646;display:inline-block;margin-top:7px}.empty-search{padding:20px;color:#7b8d70;font-size:12px}.toast{position:fixed;bottom:25px;left:calc(var(--sidebar) + (100% - var(--sidebar))/2);transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;border-radius:10px;padding:12px 19px;background:var(--green);color:#f2f8e9;font-size:12px;transition:.2s;box-shadow:0 5px 20px #183b342b}.toast.show{opacity:1;transform:translate(-50%,0)}.completed-label{font-size:9px;color:#528247;background:#eff6e6;border-radius:6px;padding:4px 8px}.complement{font-size:9px;padding:4px 9px;background:#f6edde;color:#a1814c;border-radius:6px;display:inline-block;margin-top:15px}.inline-list{color:#607659;font-size:13px;line-height:1.9;padding-left:20px;margin-top:12px}.lesson-tip{border:1px dashed #bdceb0;background:#f4f7ee;border-radius:12px;padding:16px 19px;font-size:12px;line-height:1.8;color:#6a825c;margin-top:18px}@media(min-width:1500px){main{padding-top:48px}.hero{min-height:365px}.hero-copy{padding-left:44px;padding-top:44px}.hero p{font-size:15px}.chapter-card{padding:22px}.chapter-card h3{font-size:15px}.chapter-card p{font-size:12px}}@media(max-width:1180px){:root{--sidebar:240px}.sidebar{padding:28px 16px}.topbar{padding:0 29px}main{padding:30px 29px 42px}footer{padding:0 29px 22px}.hero-copy{padding:28px 0 28px 25px}.hero-art{padding:25px 23px 25px 14px}.hero h1{font-size:43px}.temperature-number{font-size:40px}.instrument-card{padding:17px}.hero .eyebrow{letter-spacing:1px}.hero p{font-size:12px}.method-item p{font-size:9px}.chapter-card{padding:16px 14px;gap:10px}}@media(max-width:950px){.hero{grid-template-columns:1.2fr .95fr}.hero-art{padding-right:17px}.hero-copy{padding-left:23px}.hero h1{font-size:38px;letter-spacing:-1.8px}.hero-art:before{width:190px;height:190px}.instrument-body{gap:12px}.temperature-number{font-size:35px}.hero-art .mini-note{font-size:7px}.signal-tag{padding:10px 12px}.method-strip{gap:12px}.method-icon{width:28px;height:30px}.method-item{gap:8px}.method-item h3{font-size:10px}.chapter-card p{display:none}.info-grid{grid-template-columns:1fr}.info-card{padding:15px 18px}.info-card .small-icon{display:none}.bottom-cta{padding:22px}.bottom-cta h3{font-size:15px}}@media(max-width:760px){:root{--sidebar:270px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-scrim:not([hidden]){display:block;position:fixed;inset:0;background:#173e3455;z-index:35;backdrop-filter:blur(2px)}.workspace{margin-left:0}.topbar{height:65px;padding:0 22px;gap:13px;justify-content:flex-start}.menu-toggle{display:block;border:0;background:none;font-size:19px;padding:4px}.student-pill{margin-left:auto}.breadcrumb{font-size:8px;letter-spacing:.5px}.breadcrumb>span{margin:0 7px}.avatar{margin-left:4px}.student-pill .status-dot{display:none}.student-pill{font-size:9px}main{padding:24px 22px 35px}.hero h1{font-size:42px}.hero{min-height:310px}.hero-copy{padding:28px 0 27px 26px}.hero-art{padding:25px 22px 25px 16px}.hero p{font-size:12px}.hero .eyebrow{font-size:7px}.method-item h3{font-size:10px}.chapter-card p{display:block}.lesson-head h1{font-size:35px}.lesson-head .intro{font-size:14px}.toast{left:50%;max-width:90vw;width:max-content}footer{padding:0 22px 22px;flex-direction:column;gap:3px}.bottom-cta p{font-size:10px}.bottom-cta .btn{font-size:10px}.sidebar-bottom{margin-top:28px}}@media(max-width:510px){main{padding:20px 17px 30px}.topbar{padding:0 17px}.student-pill{font-size:0}.student-pill .avatar{font-size:10px}.welcome-line p{font-size:11px}.date-badge{font-size:7px;padding:4px 6px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px 27px 0}.hero h1{font-size:47px;letter-spacing:-2px}.hero p{max-width:100%;font-size:12px;margin-top:15px}.hero .btn{margin-top:20px;font-size:11px}.hero-art{padding:27px 34px 29px;max-width:400px;width:100%;margin:auto}.hero-art:before{width:215px;height:215px;top:20px;left:20%}.instrument-card{padding:16px 21px}.instrument-body{padding:15px 0 6px}.temperature-number{font-size:45px}.signal-tag{margin-top:3px;margin-right:-7px}.hero-art .mini-note{font-size:8px;margin-top:11px}.method-strip{gap:6px;padding:20px 0}.method-item{display:block}.method-icon{margin-bottom:8px;height:28px;width:28px}.method-item h3{font-size:10px}.method-item p{font-size:9px;max-width:110px;margin-top:4px;line-height:1.5}.section-head{margin-top:25px}.section-head h2{font-size:21px}.section-head .meta{font-size:8px}.chapter-grid{grid-template-columns:1fr;gap:9px}.chapter-card{padding:17px}.chapter-card p{font-size:10px}.chapter-card h3{font-size:13px}.chapter-card .tile-icon{height:43px;width:43px;font-size:21px}.bottom-cta{padding:23px;display:block}.bottom-cta h3{font-size:18px}.bottom-cta .btn{margin-top:18px;font-size:11px}.lesson-head h1{font-size:32px;letter-spacing:-1px}.teacher-box{padding:19px 18px;gap:12px}.teacher-box p{font-size:13px}.teacher-avatar{width:30px;height:32px;font-size:17px}.definition{padding:21px;font-size:14px}.lesson-section h2{font-size:21px}.lesson-section>p{font-size:13px}.example-box{padding:19px}.example-box p{font-size:13px}.remember{padding:21px}.remember p{font-size:14px}.sim-title{padding:14px 17px}.sim-body{padding:17px}.sim-note{padding:0 17px 17px;font-size:9px}.sim-readings{gap:7px}.reading{padding:13px 6px}.reading strong{font-size:21px}.reading small{font-size:8px}.reading .unit{font-size:10px}.chain{gap:6px}.chain-step{flex:1 0 29%;min-height:62px}.lesson-actions{align-items:stretch}.lesson-actions .btn{font-size:10px;padding:12px 13px}.check-box{padding:20px 18px}.check-box h2{font-size:17px}.answer{font-size:11px;padding:12px}.result-panel{padding:28px 20px}.result-panel h2{font-size:23px}td,th{padding:12px;min-width:105px}.darija p{font-size:16px}footer{padding-left:17px;padding-right:17px}.complement{font-size:8px}.breadcrumb>strong{letter-spacing:0}.source-note{font-size:9px}.completion-caption{text-align:left}.lesson-details{gap:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}