.electro-hero h1{font-size:clamp(34px,3.5vw,48px);overflow-wrap:break-word}
.electro-hero .garden-hero-photo img{height:auto;aspect-ratio:4/3;object-fit:contain}
.electro-systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.electro-systems article{padding:30px;background:#f0f3f1;border:1px solid #cbd3ce;border-radius:5px}
.electro-systems h3{font-size:25px;line-height:1.25}
.electro-systems p,.electro-systems dd{font-size:14px;color:#4c5751;line-height:1.7}
.electro-systems p{margin-top:18px}.electro-systems dl{margin:25px 0}
.electro-systems dl>div{border-top:1px solid #cbd3ce;padding:14px 0}
.electro-systems dt{font-size:14px;font-weight:700}.electro-systems dd{margin:6px 0 0}
.electro-systems p.electro-key{padding-top:18px;border-top:1px solid #cbd3ce;color:var(--ink);font-weight:600}
.electro-retrofit{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.electro-retrofit figure{margin:0}.electro-retrofit img{display:block;width:100%;height:auto;border-radius:5px}
.electro-retrofit figcaption{font-size:12px;color:var(--muted);margin-top:12px}
.electro-retrofit p:not(.eyebrow){font-size:14px;color:#4c5751;margin:20px 0}
.electro-retrofit .text-link{display:flex;margin-top:15px;font-size:13px}
.electro-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0}
.electro-flow li{border-top:1px solid #cbd3ce;padding-top:24px}.electro-flow h3{font-size:22px}
.electro-flow p{font-size:14px;color:#4c5751;margin-top:12px}
.electro-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.electro-examples figure{margin:0;border:1px solid #cbd3ce;border-radius:5px;overflow:hidden;background:white}
.electro-examples img{display:block;width:100%;height:auto}
.electro-examples figcaption{padding:25px}.electro-examples h3{font-size:23px}
.electro-examples p{font-size:14px;color:#4c5751;margin:15px 0 22px}
.electro-examples a:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
.electro-examples .text-link,.electro-more,.planning-help .text-link,.garden-note .text-link{font-size:13px}.electro-more{margin-top:24px}
.electro-checklist{font-size:14px;color:#4c5751;margin:24px 0;padding-left:18px}.electro-checklist li{margin:9px 0}
.electro-reading{border-top:1px solid #cbd3ce;margin-top:35px;padding-top:28px}.electro-reading h3{font-size:24px}.electro-reading p{font-size:14px;color:#4c5751;margin:16px 0}.electro-reading .text-link{font-size:13px}
@media(max-width:1000px){.electro-retrofit{gap:28px}.electro-systems article{padding:24px}.electro-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.electro-hero h1{font-size:37px}.electro-systems,.electro-retrofit,.electro-examples{grid-template-columns:1fr}.electro-examples figcaption{padding:22px}}
@media(max-width:400px){.electro-hero h1{font-size:32px}.electro-flow{grid-template-columns:1fr}}

.flexiguard-principle{background:white;border:1px solid #cbd3ce;border-radius:5px;padding:28px}
.flexiguard-principle h3{font-size:25px;line-height:1.3}
.flexiguard-principle ol{list-style:decimal;padding-left:22px;margin:24px 0}
.flexiguard-principle li{padding-left:8px;margin:18px 0;color:var(--red)}
.flexiguard-principle strong{display:block;font-size:15px;color:var(--ink)}
.flexiguard-principle li span{display:block;font-size:14px;color:#4c5751;line-height:1.6;margin-top:6px}
.electro-retrofit .flexiguard-note{font-size:12px;margin-bottom:0;border-top:1px solid #cbd3ce;padding-top:16px}
@media(max-width:760px){.flexiguard-principle{order:2;padding:23px}}