html{scroll-behavior:smooth;scroll-padding-top:90px}.guide{max-width:1200px;margin:auto;padding:0 28px}.guide-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;padding:65px 0}.guide-hero h1{font-size:clamp(40px,5vw,68px);letter-spacing:-3px}.guide-hero em{font-style:normal;color:#6c8c38}.hero-art{position:relative;background:#e8efd9;border:1px solid #d8e4c7;border-radius:30px;height:380px;overflow:hidden}.solar-sun{position:absolute;right:25px;top:0;font-size:100px;color:#92b947}.solar-panel{position:absolute;top:105px;left:25px;width:170px;height:105px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;background:#243d38;transform:skewY(-10deg);border:5px solid #fafff3;box-shadow:0 15px 0 #c2d6a4}.solar-panel i{background:#597c79;border:1px solid #82a3a0}.solar-house{position:absolute;right:40px;bottom:60px;font-size:150px;line-height:1;color:#315440}.solar-battery{position:absolute;left:40px;bottom:60px;background:#142b25;border-radius:10px;padding:10px 18px;color:#c5f36a;line-height:1.2;font-size:35px;text-align:center}.solar-battery small{font-size:9px;display:block;letter-spacing:2px}.hero-art>p{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1px}.hero-art b{margin:0 9px}.guide-nav{display:flex;gap:8px;flex-wrap:wrap;background:#142b25;color:white;padding:15px;border-radius:14px}.guide-nav a{padding:9px 14px;border:1px solid #56715b;border-radius:30px;font-size:12px}.lesson-section{padding:65px 0;border-bottom:1px solid #dce4d4}.lesson-section>h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.6px;max-width:850px}.lesson-section>h3{font-size:27px;margin-top:40px}.lesson-section>p{max-width:950px}.lesson-section .lead{max-width:950px}.charge-list{border:1px solid #cbd8be;border-radius:15px;overflow:hidden}.charge-list details{padding:18px 22px;border-bottom:1px solid #dce4d4;background:#fff}.charge-list details:last-child{border:0}.charge-list summary{font-weight:bold;cursor:pointer}.charge-list p{max-width:900px;color:#596d5e}.source{font-size:12px;color:#61705d}.source a{text-decoration:underline}.practice{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#e8efd9;border-radius:20px;padding:32px;margin:35px 0}.practice h3{font-size:27px;margin-top:10px}.practice input{max-width:250px}.bill-example{background:#fff;padding:25px;border-radius:12px;box-shadow:0 15px 30px #142b2510}.bill-row{display:flex;justify-content:space-between;border-bottom:1px dashed #d3dec7;padding:10px 0;gap:15px;font-size:13px}.bill-row.total{font-size:23px;font-weight:bold;border:0}.bill-example>p{font-size:12px;color:#61705d}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.flow article{border-top:4px solid #a6ca6b;background:white;padding:22px;border-radius:10px}.flow b{font-size:25px;color:#729441}.flow h3{font-size:21px}.flow p{font-size:14px;color:#61705d}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cost-grid h3{font-size:32px}.reserve{background:#142b25;color:#eff8e5;border-radius:16px;padding:28px}.reserve>strong{display:block;font-size:47px;letter-spacing:-2px;color:#c5f36a}.reserve .small{color:#c1d0b7}.install-steps{padding-left:25px;max-width:950px}.install-steps li{padding:9px 0}.purpose{padding:25px;background:#e8efd9;border-radius:15px;margin:30px 0}.guide-progress{padding:45px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.guide-progress p{max-width:650px;font-size:13px;color:#61705d}.complete{margin-top:20px}summary:focus-visible{outline:3px solid #71954d;outline-offset:5px}@media(max-width:760px){.guide{padding:0 20px}.guide-hero{grid-template-columns:1fr;padding:38px 0;gap:25px}.guide-hero h1{letter-spacing:-2px}.hero-art{height:300px}.solar-panel{top:85px;width:145px}.solar-house{font-size:125px;right:20px;bottom:45px}.solar-battery{bottom:45px}.solar-sun{font-size:80px}.practice,.cost-grid{grid-template-columns:1fr;gap:20px}.practice{padding:23px}.flow{grid-template-columns:1fr 1fr}.flow article{padding:16px}.lesson-section{padding:45px 0}.guide-progress{flex-direction:column;align-items:start}.guide-nav{gap:5px}.guide-nav a{padding:8px 10px}.reserve>strong{font-size:40px}}@media(max-width:380px){.flow{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}