:root{color-scheme:light;--bg:#f7f5ef;--panel:#fff;--panel2:#f5f0e8;--ink:#253b39;--muted:#65746d;--line:#dedfd6;--blue:#c64b30;--teal:#26786c}
body{background:#f7f5ef;color:#253b39}.app{background:transparent}.sidebar{background:#fffcf6;border-color:#e5dfd4}.sidebar .side-brand{color:#273f3c}.side-link{color:#5b6b65}.side-link:hover,.side-link.selected{background:#fae7dc;border-color:#efceba;color:#873b27}.side-link.selected .ico{color:#be4b2e}.side-caption,.side-foot{color:#65746b}.side-foot{border-color:#e1ded5}.brand>span{background:#df6243;box-shadow:none}.brand b{color:#213c35}.brand small,.page-title p,.hint,.footnote{color:#64736b}.pill{color:#577065;border-color:#d9ded4;background:#fff}.icon-button{background:#fff;color:#47685b;border-color:#d9ded4}.page-title h1,h1,h2,h3{color:#253b39}.panel,.tool-card,.project-row,.metric,.bank-card{background:#fff;border-color:#e1e1d8;box-shadow:0 6px 20px #52614806}.panel p,.tool-card small,.result-line span,.metric span{color:#617167}.primary{background:#c74e32;color:#fff;border-color:#c74e32;box-shadow:0 5px 12px #c74e321a}.primary:hover{background:#ac3d26}.secondary,.subtle{color:#8e412d;background:#fff8f1;border-color:#e9d6c6}.form-grid label,label{color:#425a50}input,select,textarea,.form input,.form select{background:#fafbf7!important;color:#263b33!important;border-color:#cdd8ce!important}.status,.status.info{background:#edf5ee;border-color:#c8dece;color:#355c47}.status.bad{background:#fff0ea;border-color:#efc3b3;color:#913923}.formula,.work,.explain{background:#f4f4e9;color:#334b3d;border-color:#dddfcd}.result-line{border-color:#e4e7de}.metric strong{color:#25483b}.tabs button{background:#fff;color:#53695e;border-color:#d9dfd4}.tabs button.selected{background:#df6243;color:#fff}.hero{display:grid;grid-template-columns:1fr 1.8fr;background:#f3eee3;min-height:380px;overflow:hidden;border:1px solid #e7e0d2}.hero:before{display:none}.hero-copy{position:relative;z-index:1;padding:32px;max-width:none}.hero-copy h1{font-size:42px;color:#264539;line-height:1.08}.hero-copy p{color:#5a7061}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.module{background:#fff6e7;border:1px solid #ebddc4;color:#273b32;box-shadow:none}.module:nth-child(2){background:#edf5ed}.module.green{background:#e7f2ea;border-color:#c8dfd0}.module.orange{background:#fbeddf;border-color:#efd6ba}.module.purple{background:#f0edf8;border-color:#dcd5ee}.module.gold{background:#fcf4d4;border-color:#e8dfb1}.module small{color:#647164}.module .module-icon{background:#fffcf4;color:#b85134;width:78px;height:78px;border-radius:22px;box-shadow:5px 7px 0 #99713e12;transform:rotate(-5deg)}.module .module-icon .ico{width:51px;height:51px;stroke-width:1.5}.module.green .ico{color:#388266}.module.purple .ico{color:#8565ac}.module.gold .ico{color:#b79129}.ask-banner,.ai-roadmap,.practice-hero{background:#eef3e9;border-color:#d3dfca;color:#2f5144}.ask-banner small,.ai-roadmap p,.practice-hero p{color:#5d7363}.visual-route{background:#f4f5eb;border-color:#d8dec9}.visual-route .ico{color:#538570;filter:none}.visual-route small{color:#657567}.wire{background:#db7856}.flow-aside{background:#f1f1e5;border-color:#d9dec9;color:#556c59}.installation-figure{position:relative;margin:0 0 20px;border-radius:20px;overflow:hidden;background:#f9f3e7;border:1px solid #e6dfd2}.installation-figure img{display:block;width:100%;height:310px;object-fit:cover}.installation-figure figcaption{font-size:11px;color:#687666;padding:8px 16px}.installation-figure #stageCaption{position:absolute;left:20px;top:20px;padding:10px 20px;border-radius:30px;background:#fffdf2ed;color:#37573f;font-weight:700;box-shadow:0 3px 15px #53634b20}#flow .step-track{grid-template-columns:repeat(6,1fr)}.step{color:#697963}.step i{background:#fff;border-color:#cbd4c6;color:#526f56}.step.active i{background:#c95132;color:#fff;border-color:#c95132;box-shadow:none}.step.active{color:#ad452d}.route-stage{display:flex;gap:10px;align-items:center;width:100%;padding:10px;background:transparent;border:0;color:#52694e;text-align:left}.route-stage span{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#fff}.route-stage.selected{background:#e3ebd9;border-radius:12px}.route-stage small{margin-left:auto}.appliance{background:#faf6ed;border-color:#e0d9c9;color:#405544}.appliance .ico{color:#a87143;width:52px;height:52px}.appliance.selected{background:#ffecdf;border-color:#d4653d;box-shadow:none}.chapter-art{position:relative;display:flex;justify-content:center;align-items:center;gap:55px;height:150px;border-radius:22px;margin-bottom:22px;background:linear-gradient(110deg,#eeeeda,#e4eee6);overflow:hidden}.chapter-art>.ico{width:98px;height:98px;stroke-width:1.3;color:#558972;filter:drop-shadow(5px 8px 0 #53715617);transform:rotate(-7deg)}.chapter-art>.ico:last-child{width:70px;height:70px;color:#c48449;transform:rotate(8deg)}.chapter-motorHub{background:#f8e9d8}.chapter-networkHub{background:#eee9f6}.chapter-learn{background:#faf0ca}.art-dot{height:70px;width:70px;background:#fffcf4;border-radius:50%;position:absolute;left:20%;opacity:.5}.network-card{background:#f9faf4;border-color:#dce2d3}.network-raw{color:#4e6552}.quiz-options button,.message{background:#fff;color:#415d4b;border-color:#d9e0d2}.toast{background:#355c49;color:white;border-color:#557561}.case-text{background:#fafaf3;color:#385241}.bank-card small,.bank-card span{color:#59715f}a{color:#a44f31}.app>nav{background:#fffcf6f5;border-color:#deded1}.app>nav button{color:#637c67}.app>nav button.active{color:#be502f}
/* Older calculation and guide surfaces share the same light palette. */
.result,.answer-grid>div,.check,.curve,.helper,.notice,.bar,.seg,.form{background:#f2f5e9;color:#385743;border-color:#d7dfce}.result strong,.answer-grid b{color:#2d5e45}.result p,.result small,.helper{color:#577360}.seg button{color:#5b765d}.seg button.sel{background:#dbe8d3;color:#335834}#guides [class^="study-"]{color:#405b47;border-color:#d6dfcc}#guides .study-route,#guides .study-formula-card,#guides .study-task,#guides .study-lesson,#guides .study-related,#guides .study-empty,#guides .study-known,#guides .study-check,#guides .study-chain{background:#f4f6eb;color:#3d5b45}#guides .study-categories button{background:#edf2e5;color:#446347;border-color:#d6dfcc}#guides .study-categories button.selected{background:#da764f;color:white}#guides .study-search input{background:#fff;color:#365541}button:focus-visible,a:focus-visible{outline-color:#b05230}
@media(max-width:700px){.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:24px}.hero-copy h1{font-size:34px}.hero>img{height:220px;object-fit:cover}.installation-figure img{height:220px}.module .module-icon{width:62px;height:62px}.module .module-icon .ico{width:43px;height:43px}#flow .step-track{grid-template-columns:repeat(3,1fr);row-gap:14px}#flow .step-track .step{font-size:11px}.chapter-art{height:125px}.chapter-art>.ico{width:75px;height:75px}.appliance-grid{grid-template-columns:repeat(2,1fr)}}
.module .module-icon{width:130px;height:130px;transform:none;background-image:url('assets/module-art.png');background-size:300% 200%;box-shadow:none;border-radius:20px}.module .module-icon .ico{visibility:hidden}.module-0 .module-icon{background-position:0 0}.module-1 .module-icon{background-position:50% 0}.module-2 .module-icon{background-position:100% 0}.module-3 .module-icon{background-position:0 100%}.module-4 .module-icon{background-position:50% 100%}.module-5 .module-icon{background-position:100% 100%}.chapter-art:before{content:'';width:140px;height:140px;border-radius:22px;background-image:url('assets/module-art.png');background-size:300% 200%;background-position:0 0}.chapter-art>.ico,.chapter-art .art-dot{display:none}.chapter-protection:before{background-position:100% 0}.chapter-motorHub:before{background-position:0 100%}.chapter-networkHub:before{background-position:50% 100%}.chapter-learn:before{background-position:100% 100%}.chapter-ask:before{background-position:100% 100%}@media(max-width:700px){.module .module-icon{width:100%;max-width:140px;height:auto;aspect-ratio:1}.chapter-art:before{width:110px;height:110px}}
.appliance .ico{display:none}.appliance:before{content:'';width:100%;max-width:130px;aspect-ratio:1;background-image:url('assets/appliances.png');background-size:200% 200%;border-radius:14px}.appliance[data-appliance=light]:before{background-position:0 0}.appliance[data-appliance=dryer]:before{background-position:100% 0}.appliance[data-appliance=heat]:before{background-position:0 100%}.appliance[data-appliance=other]:before{background-position:100% 100%}.appliance[data-appliance=motor]:before{background-image:url('assets/module-art.png');background-size:300% 200%;background-position:0 100%}
.hero .hero-copy p:not(.eyebrow){color:#566e5d}.ask-banner b{color:#304d3c}.module.illustrated-module .module-icon{background-image:url('assets/module-art.png');background-size:300% 200%;border-color:#ddcfb9}.module.illustrated-module.module-0 .module-icon{background-position:0 0}.module.illustrated-module.module-1 .module-icon{background-position:50% 0}.module.illustrated-module.module-2 .module-icon{background-position:100% 0}.module.illustrated-module.module-3 .module-icon{background-position:0 100%}.module.illustrated-module.module-4 .module-icon{background-position:50% 100%}.module.illustrated-module.module-5 .module-icon{background-position:100% 100%}