.energy-story{max-width:1250px;margin:0 auto 80px;padding:60px 45px 38px;background:#fff;border-radius:40px}.energy-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.energy-heading h2{font-size:54px}.energy-heading p{max-width:37ch;font-size:15px;line-height:1.65}.energy-switch{display:flex;justify-content:center;gap:8px;margin:36px 0}.energy-switch button{border:1px solid #a39d97;border-radius:100px;padding:13px 24px;background:transparent;color:#322d2a;font-size:13px;cursor:pointer}.energy-switch button[aria-pressed=true]{background:#322d2a;border-color:#322d2a;color:white}.energy-switch button:hover{border-color:#322d2a}.energy-diagram{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;position:relative;padding:15px 0 35px}.energy-node{text-align:center;padding:10px}.energy-node svg{width:74px;height:74px;display:block;margin:0 auto 23px;fill:none;stroke:currentColor;stroke-width:1.3}.energy-node h3{font-size:22px;font-weight:400;line-height:1.2}.energy-node>span{font-size:12px;line-height:1.5;display:block;margin-top:13px;min-height:36px}.energy-connector{height:1px;background:#322d2a;position:relative;margin-top:-30px}.energy-connector:after{content:'';width:6px;height:6px;border-top:1px solid #322d2a;border-right:1px solid #322d2a;transform:rotate(45deg);position:absolute;right:0;top:-3px}.energy-connector>span{width:7px;height:7px;background:#322d2a;border-radius:50%;display:block;position:absolute;top:-3px;left:28%}.energy-diagram[data-scenario=evening] .solar-path{background:#c8c2bc}.energy-diagram[data-scenario=evening] .solar-path:after,.energy-diagram[data-scenario=evening] .solar-path>span{display:none}.energy-diagram[data-scenario=evening] .solar-node{color:#756c62}.energy-diagram[data-scenario=evening] .battery-path:after{left:0;right:auto;transform:rotate(-135deg)}.grid-connection{grid-column:3;text-align:center;align-self:start}.grid-line{display:block;width:1px;height:42px;background:#a39d97;margin:4px auto 17px}.grid-connection h3{font-size:18px;font-weight:400}.grid-connection p{font-size:12px;line-height:1.65;max-width:33ch;margin:12px auto 0}.energy-explanation{border-top:1px solid #c8c2bc;padding-top:27px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.energy-explanation h3{font-weight:300;font-size:33px;line-height:1.08;letter-spacing:-.02em}.energy-explanation p{font-size:15px;line-height:1.7;max-width:63ch}.survey-prep{max-width:1250px;margin:auto;padding:0 25px 80px;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.survey-heading h2{font-size:54px}.survey-heading p{font-size:16px;line-height:1.65;margin-top:26px;max-width:36ch}.prep-caption{display:block;font-size:11px;letter-spacing:.06em;margin-top:40px}.survey-list label{display:flex;align-items:start;gap:18px;border-top:1px solid #a39d97;padding:24px 0;cursor:pointer}.survey-list input{width:19px;height:19px;accent-color:#322d2a;margin:3px 0 0;flex-shrink:0}.survey-list label>span{font-size:20px;line-height:1.3}.survey-list small{display:block;font-size:14px;line-height:1.65;margin-top:10px;max-width:44ch}.survey-list label:has(input:checked)>span{text-decoration:line-through;text-decoration-thickness:1px}.survey-next{padding-top:22px;border-top:1px solid #a39d97}.survey-next p{font-size:12px;line-height:1.7;max-width:60ch;margin-bottom:24px}.energy-static{font-size:14px;line-height:1.65;padding-top:25px}.energy-static strong{font-weight:400}@media(max-width:750px){.energy-story{margin:0 14px 55px;padding:35px 20px 30px;border-radius:30px}.energy-heading{display:block}.energy-heading h2{font-size:41px}.energy-heading p{font-size:14px;margin-top:23px}.energy-switch{gap:7px;margin:30px 0 22px}.energy-switch button{font-size:12px;padding:12px 17px}.energy-diagram{grid-template-columns:1fr 14px 1fr 14px 1fr;padding-bottom:28px}.energy-node{padding:0}.energy-node svg{width:46px;height:46px;margin-bottom:18px}.energy-node h3{font-size:15px}.energy-node>span{font-size:11px;margin-top:10px;min-height:48px}.energy-connector{margin-top:-24px}.energy-connector>span{width:5px;height:5px;top:-2px}.energy-connector:after{width:5px;height:5px;top:-2px}.grid-connection{grid-column:1/-1;max-width:220px;justify-self:center}.grid-line{height:30px}.grid-connection h3{font-size:17px}.grid-connection p{font-size:12px}.energy-explanation{display:block;padding-top:23px}.energy-explanation h3{font-size:29px}.energy-explanation p{font-size:14px;margin-top:17px}.survey-prep{padding:0 25px 55px;display:block}.survey-heading h2{font-size:43px}.survey-heading p{font-size:15px;margin-top:22px}.prep-caption{margin-top:25px}.survey-list{margin-top:28px}.survey-list label{gap:14px;padding:20px 0}.survey-list label>span{font-size:18px}.survey-list small{font-size:13px}.survey-next p{font-size:12px}.survey-next .button{font-size:12px;gap:24px}}
/* Domestic-energy guide: engineering chapter and paper survey workbook. */
.energy-chapter{margin-top:45px;padding:55px max(35px,calc((100vw - 1200px)/2)) 40px;background:#322d2a;color:#f0efe9;border-radius:60px 60px 0 0}.engineering-heading{margin-bottom:35px}.engineering-heading h2{font-size:clamp(46px,5.2vw,75px);line-height:1.02;letter-spacing:-.025em;margin:0}.engineering-heading p{font-size:18px;line-height:1.6;max-width:81ch;margin:24px 0 0}.energy-chapter .energy-story{max-width:none;margin:0;background:#f0efe9;color:#322d2a;border-radius:35px;padding:35px 40px 30px}.energy-chapter .energy-heading{align-items:start;gap:30px}.energy-chapter .energy-heading h2{font-size:36px;line-height:1.08}.energy-chapter .energy-heading p{font-size:14px;line-height:1.65;max-width:45ch;margin:0}.energy-chapter .energy-switch{margin:25px 0}.energy-chapter .energy-diagram{padding-top:10px;padding-bottom:25px}.energy-chapter .energy-node svg{width:82px;height:82px;margin-bottom:20px}.energy-chapter .energy-explanation{padding-top:23px;gap:40px}.energy-chapter .energy-explanation h3{font-size:30px}.energy-chapter .energy-explanation p{font-size:14px}.component-index{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-top:35px}.component-index article{border-top:1px solid #a39d97;padding-top:24px}.component-index h3{font-size:22px;line-height:1.2;font-weight:400;margin:0 0 16px}.component-index p{font-size:14px;line-height:1.7;margin:0 0 22px;max-width:32ch}.component-index span{font-size:11px;line-height:1.6;display:block;letter-spacing:.02em}.survey-chapter{padding:45px max(35px,calc((100vw - 1200px)/2)) 0;background:#dedbd2}.survey-chapter .survey-prep{display:block;max-width:none;padding:40px;background:#fff;border-radius:35px;margin:0}.survey-chapter .survey-heading h2{font-size:54px}.survey-chapter .survey-heading p{font-size:17px;line-height:1.6;max-width:72ch;margin-top:22px}.survey-chapter .prep-caption{margin-top:25px;font-size:12px;letter-spacing:.02em}.survey-chapter .survey-list{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;margin-top:30px}.survey-chapter .survey-list label{gap:17px;padding:23px 0}.survey-chapter .survey-list label>span{font-size:21px;line-height:1.25}.survey-chapter .survey-list small{font-size:14px;line-height:1.65;max-width:41ch}.survey-chapter .survey-next{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:5px;padding-top:25px}.survey-chapter .survey-next p{font-size:12px;line-height:1.7;max-width:59ch;margin:0}.survey-chapter .survey-next .button{flex-shrink:0;gap:25px}.survey-answers{padding:30px 5px 35px}.survey-answers h2{font-size:27px;line-height:1.2;margin:0 0 24px}.survey-answers>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.survey-answers h3{font-size:19px;font-weight:400;line-height:1.3;margin:0 0 12px}.survey-answers p{font-size:14px;line-height:1.7;margin:0;max-width:42ch}.installation-guide{padding:45px max(35px,calc((100vw - 1200px)/2));background:#f0efe9}.installation-guide h2{font-size:37px;line-height:1.08;margin:0 0 30px}.installation-guide ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.installation-guide h3{font-size:22px;font-weight:400;margin:0 0 14px}.installation-guide p{font-size:15px;line-height:1.7;margin:0;max-width:40ch}.energy-invitation{background:#322d2a;color:#f0efe9;padding:55px max(35px,calc((100vw - 1200px)/2));border-radius:60px 60px 0 0}.energy-invitation h2{font-size:clamp(54px,6.4vw,92px);line-height:1.02;letter-spacing:-.025em;margin:0}.energy-invitation>div{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:35px}.energy-invitation p{font-size:17px;line-height:1.65;margin:0}.energy-invitation .button{background:#f0efe9;color:#322d2a;border-color:#f0efe9}.energy-invitation .button:hover{background:#dedbd2}.energy-invitation :focus-visible{outline-color:#f0efe9}
@media(max-width:750px){.energy-chapter{margin-top:25px;padding:40px 14px 30px;border-radius:35px 35px 0 0}.engineering-heading{padding:0 11px;margin-bottom:28px}.engineering-heading h2{font-size:42px}.engineering-heading p{font-size:16px;margin-top:21px}.energy-chapter .energy-story{padding:28px 19px 25px;border-radius:25px}.energy-chapter .energy-heading{display:block}.energy-chapter .energy-heading h2{font-size:32px}.energy-chapter .energy-heading p{font-size:14px;margin-top:18px}.energy-chapter .energy-switch{margin:24px 0}.energy-chapter .energy-node svg{width:47px;height:47px;margin-bottom:18px}.energy-chapter .energy-node>span{font-size:11px}.energy-chapter .energy-explanation{display:block;padding-top:20px}.energy-chapter .energy-explanation h3{font-size:28px}.energy-chapter .energy-explanation p{font-size:14px;margin-top:16px}.component-index{grid-template-columns:1fr 1fr;gap:25px 20px;padding:30px 11px 0}.component-index article{padding-top:20px}.component-index h3{font-size:20px;margin-bottom:14px}.component-index p{font-size:13px;line-height:1.7;margin-bottom:17px}.component-index span{font-size:11px}.survey-chapter{padding:28px 14px 0}.survey-chapter .survey-prep{padding:28px 22px;border-radius:25px}.survey-chapter .survey-heading h2{font-size:40px}.survey-chapter .survey-heading p{font-size:15px;margin-top:21px}.survey-chapter .prep-caption{font-size:11px;line-height:1.5}.survey-chapter .survey-list{grid-template-columns:1fr;margin-top:25px}.survey-chapter .survey-list label>span{font-size:19px}.survey-chapter .survey-list small{font-size:13px}.survey-chapter .survey-next{display:block;padding-top:22px}.survey-chapter .survey-next p{font-size:12px;margin-bottom:22px}.survey-chapter .survey-next .button{font-size:12px;padding:16px 19px;gap:17px}.survey-answers{padding:28px 11px 30px}.survey-answers h2{font-size:27px}.survey-answers>div{grid-template-columns:1fr;gap:24px}.survey-answers h3{font-size:20px}.survey-answers p{font-size:14px;max-width:none}.installation-guide{padding:38px 25px}.installation-guide h2{font-size:34px}.installation-guide ol{grid-template-columns:1fr;gap:26px}.installation-guide h3{font-size:22px}.installation-guide p{font-size:15px}.energy-invitation{padding:40px 25px;border-radius:35px 35px 0 0}.energy-invitation h2{font-size:50px}.energy-invitation>div{display:block;margin-top:27px}.energy-invitation p{font-size:16px}.energy-invitation .button{margin-top:25px}}