:root{font-family:Manrope,Arial,sans-serif;color:#233b34;background:#f8f8f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #e2a52b;outline-offset:3px}.top{height:82px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9de}.brand{border:0;background:none;font-size:19px;font-weight:800;color:#203d32;display:flex;align-items:center;gap:11px}.brand-mark{background:#245e49;color:#fff;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;font-size:22px}.brand-small{font-weight:500;color:#809088}.top nav{display:flex;gap:34px}.top nav button,.back,.text-button{border:0;background:none;color:#587066;font-weight:700}.top nav button:hover,.text-button:hover{color:#1b694a}main{max-width:1440px;margin:auto;padding:0 6%}.hero{min-height:490px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:60px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#69877a}.dot{display:inline-block;background:#d8a239;width:8px;height:8px;border-radius:50%;margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.5vw,76px);line-height:1.08;letter-spacing:-.055em;margin:24px 0}h1 em{font-family:Playfair Display,Georgia,serif;color:#5a8e73;font-weight:600}h2{font-size:30px;letter-spacing:-.04em}h3{font-size:21px;letter-spacing:-.03em}.hero p,.lead{font-size:18px;line-height:1.7;color:#667970;max-width:490px}.primary{border:0;border-radius:12px;background:#285e49;color:#fff;font-weight:800;padding:17px 21px;min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px}.primary:hover{background:#194c39}.hero-note{font-size:12px;color:#8b9b91;margin-top:18px}.hero-art{height:360px;background:#e4eddf;border-radius:40% 45% 42% 44%;position:relative;max-width:530px;width:100%;justify-self:end;overflow:hidden}.art-grid{position:absolute;width:190px;height:190px;left:25%;top:18%;transform:rotate(-9deg);display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.art-grid span{background:#a5c9b0;border:2px solid #6b9d7e;border-radius:5px;display:grid;place-items:center;color:#4f8666;font-size:12px}.art-tag{position:absolute;top:18%;right:10%;background:#fffdf7;padding:16px;border-radius:15px;transform:rotate(7deg);box-shadow:0 10px 30px #627f6522;font-size:15px}.art-tag b{color:#639b78}.art-orbit{position:absolute;right:18%;bottom:22%;background:#e8b668;border-radius:50%;width:88px;height:88px;display:grid;place-items:center;font-size:25px;font-weight:800;color:#805e27}.art-ruler{position:absolute;bottom:13%;left:12%;background:#fff8d9;padding:15px 22px;border-radius:10px;transform:rotate(7deg);font-size:13px;letter-spacing:.1em;color:#a7884f;box-shadow:0 10px 30px #627f6522}.section-head{display:flex;justify-content:space-between;align-items:end;margin:20px 0 24px}.section-head h2{margin:10px 0 0}.section-head p,.quick p{color:#85958a;font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic{border:1px solid #e4e9de;border-radius:20px;background:#fff;min-width:0;padding:24px}.topic-top{display:flex;justify-content:space-between;align-items:center}.topic-icon,.mini-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:25px;font-weight:800;background:#e5f0e3;color:#568c6b}.topic.area .topic-icon,.mini-icon.area{background:#f8e8d5;color:#c38b4b}.topic.mass .topic-icon,.mini-icon.mass{background:#e9e7f5;color:#8580b5}.topic.time .topic-icon,.mini-icon.time{background:#e3edf3;color:#719ab2}.topic-number{font-size:10px;letter-spacing:.12em;color:#a8b5aa;font-weight:800}.topic h3{margin:29px 0 8px}.topic>p{height:46px;line-height:1.6;font-size:13px;color:#87978b}.progress-label,.topic-stats{display:flex;justify-content:space-between;font-size:11px;color:#91a197;margin-top:24px}.progress-label b{color:#51705f}.bar{height:6px;background:#edf0e9;border-radius:10px;margin-top:10px;overflow:hidden}.bar span{display:block;background:#75a786;height:100%;border-radius:10px}.topic-stats{margin:12px 0 20px}.topic-link{border:0;border-top:1px solid #eef0ea;background:none;color:#47735a;font-size:12px;font-weight:800;padding:18px 0 0;width:100%;display:flex;justify-content:space-between}.quick{margin:80px 0;background:#edf2e8;border-radius:24px;padding:38px 42px;display:flex;justify-content:space-between;gap:30px}.quick h2{font-size:25px;margin:12px 0}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:560px}.quick-actions button,.secondary,.choice button{border:1px solid #dce5d8;border-radius:11px;background:#fff;color:#416552;padding:14px 17px;font-weight:700}.inner{padding:48px 0 90px}.back{padding:0;margin-bottom:36px}.inner>h1,.lesson-content h1{font-size:48px}.lesson-layout{display:grid;grid-template-columns:270px 1fr;gap:64px}.lesson-sidebar{border-right:1px solid #e2e8dd;padding-right:25px}.lesson-sidebar h2{margin:12px 0 24px}.lesson-sidebar button{display:flex;width:100%;text-align:left;gap:12px;border:0;border-radius:10px;background:none;color:#75877b;padding:12px;font-size:13px;line-height:1.4}.lesson-sidebar button span{color:#acb9ad}.lesson-sidebar button.active{background:#e5efe3;color:#285e49;font-weight:800}.lesson-sidebar .side-practice{margin-top:20px;border:1px solid #d5e2d4;color:#285e49;font-weight:700}.lesson-content{max-width:800px}.sep{margin:0 10px;color:#ccd5cb}.steps{display:flex;gap:25px;border-bottom:1px solid #e1e8de;margin:30px 0}.steps span{padding:0 0 15px;color:#a0aea3;font-size:12px;font-weight:700}.steps .current{color:#386d50;border-bottom:3px solid #7aa98a}.lesson-content>p{line-height:1.7;color:#6d8073}.formula{background:#eff4e9;border-radius:16px;padding:25px 30px;font-size:30px;font-weight:800;margin:25px 0}.formula span,.equation span{color:#a6b6a8;margin:0 10px}.choice{display:flex;gap:10px;flex-wrap:wrap}.square-panel{display:grid;grid-template-columns:1fr 220px;gap:25px;background:#f4eee2;border-radius:20px;padding:24px;margin:30px 0}.square-panel h3{margin:12px 0}.square-panel p{font-size:13px;line-height:1.65;color:#738072}.switch{display:flex;gap:5px}.switch button{border:0;background:#fff8;border-radius:8px;padding:8px;font-size:11px;color:#6e7f70}.switch .active{background:#507e60;color:#fff}.grid-wrap{text-align:center;font-size:12px;color:#67816c}.grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;background:#92b89a;padding:3px;border-radius:5px;aspect-ratio:1;margin:7px 0}.grid button{min-width:0;padding:0;border:0;background:#d3e5d1;border-radius:2px}.grid button.lit{background:#e9b96a}.lesson-actions{display:flex;gap:10px;margin-top:35px}.quiz-wrap{max-width:760px;margin:auto;padding:50px 0 100px}.quiz-top{display:flex;justify-content:space-between;align-items:end}.quiz-top h2{margin:12px 0 0}.quiz-count{font-size:28px;font-weight:800}.quiz-count span{color:#b5c1b5;font-size:16px}.quiz-bar{margin:20px 0 35px}.exercise{background:#fff;border:1px solid #e5eadf;border-radius:24px;padding:40px;box-shadow:0 18px 60px #365a3710}.exercise-label{font-size:11px;font-weight:800;letter-spacing:.13em;color:#94a499;display:flex;justify-content:space-between}.exercise-label span{color:#6c9e79}.equation{text-align:center;font-size:clamp(28px,5vw,48px);font-weight:800;letter-spacing:-.04em;padding:75px 0}.equation strong{color:#78a886}label{display:block;font-size:12px;font-weight:800;margin-bottom:10px}.answer-row{display:flex;gap:10px}.answer-row input{flex:1;min-width:0;border:1px solid #dce6d9;border-radius:12px;background:#fafcf8;padding:16px;font-size:18px;color:#233b34}.hint{border:0;background:none;color:#628f70;font-weight:700;margin-top:22px;padding:0}.notice{background:#edf5e8;border-radius:12px;padding:16px;margin-top:20px;color:#416d50;line-height:1.6}.quiet{text-align:center;color:#a1afa3;font-size:12px;margin-top:25px}.result{text-align:center;max-width:760px;margin:auto}.result-icon,.reference-symbol{width:72px;height:72px;background:#e1efdf;border-radius:24px;color:#699a76;display:grid;place-items:center;font-size:35px;margin:0 auto 24px}.result .lead{margin:0 auto 15px}.result-details{text-align:left;background:#fff;border-radius:18px;padding:20px 25px;margin:30px 0;color:#607669}.result-details p{line-height:1.5}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.reference-layout{display:grid;grid-template-columns:1fr 350px;gap:40px;margin-top:50px}.reference-group{margin-bottom:36px}.reference-group h2{display:flex;align-items:center;gap:10px;font-size:23px}.mini-icon{width:35px;height:35px;font-size:18px;border-radius:10px}.reference-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.reference-list button{display:flex;gap:7px;border:1px solid #e5eadf;border-radius:11px;background:#fff;text-align:left;padding:15px;color:#365a46;font-weight:700}.reference-list button span{color:#9db0a1}.reference-list button b{margin-left:auto;color:#91a999}.reference-list button.selected{border-color:#6b9c78;background:#f0f7ec}.reference-detail{background:#edf3e9;border-radius:20px;padding:28px;align-self:start;position:sticky;top:20px}.reference-detail h2{font-size:25px;margin-top:18px}.reference-detail p{color:#6b7f70;line-height:1.7}.parent-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:40px 0}.parent-card{background:#fff;border:1px solid #e5eadf;border-radius:18px;padding:22px}.parent-card b{font-size:30px;color:#6a9f79}.parent-card p,.parent-columns p{color:#748579;font-size:13px;line-height:1.6}.parent-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:50px 0}.parent-columns h2{font-size:23px}footer{border-top:1px solid #e4e9df;max-width:1440px;margin:auto;padding:25px 6%;display:flex;justify-content:space-between;font-size:12px;color:#9aa99d}footer span:first-child{font-weight:800;color:#678073}@media(max-width:900px){.cards,.parent-cards{grid-template-columns:repeat(2,1fr)}.hero{min-height:auto}.lesson-layout{grid-template-columns:1fr;gap:30px}.lesson-sidebar{border:0;padding:0;display:flex;gap:8px;overflow:auto;align-items:center}.lesson-sidebar h2,.lesson-sidebar .eyebrow{display:none}.lesson-sidebar button{min-width:150px}.reference-layout{grid-template-columns:1fr}.reference-detail{position:static;grid-row:1}.hero-art{height:300px}}@media(max-width:600px){.top{height:68px;padding:0 5%}.brand-small{display:none}.top nav{gap:13px}.top nav button{font-size:11px}main{padding:0 5%}.hero{grid-template-columns:1fr;padding:48px 0 30px;gap:30px}.hero h1{font-size:50px}.hero-art{height:230px;max-width:none}.art-grid{width:145px;height:145px}.art-orbit{width:65px;height:65px;font-size:19px}.section-head{display:block}.section-head p{margin:12px 0}.cards{gap:10px}.topic{padding:16px;border-radius:15px}.topic h3{margin:20px 0 8px}.topic>p{height:65px;font-size:12px}.topic-number{font-size:8px}.topic-icon{width:40px;height:40px}.topic-stats{display:block;line-height:1.8}.topic-stats span{display:block}.topic-link{font-size:11px;text-align:left;gap:5px}.quick{margin:50px 0;padding:25px;display:block}.quick-actions{margin-top:20px}.quick-actions button{width:100%;text-align:left}.inner>h1,.lesson-content h1{font-size:38px}.steps{gap:13px}.steps span{font-size:10px}.square-panel{grid-template-columns:1fr}.grid-wrap{max-width:230px;margin:auto}.exercise{padding:24px}.equation{padding:55px 0}.answer-row{flex-direction:column}.reference-list{grid-template-columns:1fr}.parent-cards{gap:10px}.parent-card{padding:15px}.parent-columns{grid-template-columns:1fr}.section-head h2{font-size:27px}footer{gap:20px}footer span:last-child{text-align:right}}