/* Energy hub: native diagrams and honest, explicitly illustrative previews. */
.energy-hero{display:grid;grid-template-columns:1fr 1.07fr;gap:42px;align-items:center;padding-block:48px 65px}
.energy-hero>*{min-width:0}
.energy-hero .breadcrumbs{flex-wrap:wrap;gap:8px 12px;margin-bottom:28px}
.energy-hero h1{font-size:clamp(2.8rem,4.25vw,4.25rem);line-height:1.08}
.energy-hero .lead{margin-top:26px;font-size:1.05rem}
.energy-hero-note{margin-top:18px;font-size:.92rem}
.energy-hero .actions{gap:18px 24px}
.energy-entry{margin-top:20px;font-size:.79rem}
.energy-hero-art{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f3f4ee}
.energy-hero-art img,.energy-figure img{display:block;width:100%;height:auto}
.energy-hero-art figcaption{padding:14px 22px;border-top:1px solid var(--line)}
.energy-page figcaption{font-size:.76rem;line-height:1.7;color:var(--muted)}
.energy-page figcaption a,.energy-prose a,.energy-note a,.energy-editorial a,.energy-upgrade a,.energy-sources a{color:var(--blue);text-underline-offset:3px}
.energy-benefits{list-style:none;padding:22px 0;margin:0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;font-size:.85rem;color:#495b60}
.energy-benefits li::before{content:'✓';color:var(--blue);margin-right:8px}
.energy-contents{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:25px}
.energy-contents .eyebrow{margin:0}
.energy-contents a{font-size:.83rem;color:var(--blue);min-height:32px;display:flex;align-items:center;text-underline-offset:4px}
.energy-divider{border-top:1px solid var(--line)}
.energy-page h2{font-size:clamp(2rem,3.45vw,3.15rem);line-height:1.13}
.energy-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.energy-columns>*{min-width:0}
.energy-prose p{margin-top:18px;font-size:.96rem;line-height:1.85}
.energy-prose h3,.energy-note h3{font-size:1.4rem;line-height:1.3}
.energy-prose>.text-link{margin-top:22px}
.energy-note{padding:28px;background:#eef0e7;border:1px solid var(--line);border-radius:9px}
.energy-note p{font-size:.9rem;line-height:1.8;margin-top:15px}
.energy-note dl{margin-top:22px}
.energy-note dl>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #ced6cb;padding:12px 0;font-size:.86rem}
.energy-note dd{color:var(--ink);font-weight:600}
.energy-figure{margin:0;min-width:0}
.energy-figure img{border:1px solid var(--line);border-radius:10px;background:#f3f4ee}
.energy-figure figcaption{padding-top:13px}
.energy-action{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}
.energy-action .button,.energy-page .next-step .button{max-width:100%}
.energy-method{padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:#f0f1e9;margin-top:25px}
.energy-method summary{cursor:pointer;color:var(--ink);font-size:.91rem;font-weight:600}
.energy-method p{font-size:.85rem;line-height:1.8;margin-top:16px}
.energy-wide{max-width:880px;margin-top:26px}
.energy-inline-note{font-size:.84rem;margin-top:24px;line-height:1.8}
.energy-demo{border:1px solid var(--line);border-radius:12px;background:#f3f4ee;padding:28px}
.energy-demo-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}
.energy-demo-header .eyebrow{margin:0;font-size:.62rem}
.energy-demo-tag{font-size:.68rem;border:1px solid #bec9bd;border-radius:20px;padding:5px 10px;color:#53655d}
.energy-demo label{display:block;font-size:.88rem;font-weight:600;color:var(--ink)}
.energy-demo select{padding:9px 12px;background:#fbfaf6;border:1px solid #a6b6ac;border-radius:5px;width:100%;color:var(--ink);min-height:44px;font-size:.87rem;margin-top:8px}
.energy-demo input[type=range]{width:100%;accent-color:var(--blue);min-height:44px;cursor:pointer;margin-top:5px}
.energy-slider-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}
.energy-slider-row output{font-size:1.45rem;font-weight:650;color:var(--blue)}
.energy-scale{display:flex;justify-content:space-between;gap:8px;font-size:.7rem;color:var(--muted)}
.energy-demo-result{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px;border-top:1px solid #ccd6ca;padding-top:22px}
.energy-demo-result small{display:block;color:var(--muted);font-size:.76rem;line-height:1.6}
.energy-demo-result output{display:block;font-size:2.2rem;letter-spacing:-.04em;font-weight:650;color:var(--ink);line-height:1.2}
.energy-demo-result .energy-status{font-size:.83rem;line-height:1.5;color:var(--blue);font-weight:600;margin-top:10px}
.energy-demo-caption{font-size:.77rem;line-height:1.8;margin-top:20px}
.energy-comparison-list{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.energy-comparison-list li{border:1px solid var(--line);border-radius:7px;padding:14px 10px;background:#fbfaf6;text-align:center}
.energy-comparison-list strong{font-size:1rem;display:block;color:var(--ink)}
.energy-comparison-list span{display:block;font-size:.8rem;color:var(--blue);margin-top:8px}
.energy-comparison-list small{display:block;font-size:.63rem;margin-top:6px;color:var(--muted)}
.energy-target-card{background:#1d343b;color:#fbfaf6;padding:30px;border-radius:12px}
.energy-target-card p{color:#c6d2cc;font-size:.91rem;line-height:1.8;margin-top:18px}
.energy-target-card h3{font-size:1.7rem}
.energy-target-steps{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:26px}
.energy-target-steps>div{padding:18px;border:1px solid #5b706f;border-radius:8px;min-width:0}
.energy-target-steps small{font-size:.7rem;color:#c6d2cc}
.energy-target-steps strong{font-size:3.2rem;line-height:1;display:block;margin-top:12px;color:#e1eb98}
.energy-target-foot{font-size:.8rem!important;border-top:1px solid #506561;padding-top:20px}
.energy-upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.energy-upgrade{display:block;padding:26px;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;min-width:0}
.energy-upgrade:hover{border-color:#79958a}
.energy-upgrade .eyebrow{font-size:.6rem;margin-bottom:14px}
.energy-upgrade h3{font-size:1.45rem;line-height:1.3}
.energy-upgrade p{font-size:.87rem;line-height:1.8;margin-top:16px}
.energy-upgrade .energy-u-pair{font-size:1.45rem;color:var(--blue);font-weight:650;letter-spacing:-.02em;margin-top:20px}
.energy-upgrade .energy-u-pair small{font-size:.72rem;letter-spacing:0;font-weight:400}
.energy-retrofit{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px}
.energy-retrofit-controls{padding:28px;background:#fbfaf6;border:1px solid #cbd5c6;border-radius:9px}
.energy-retrofit-controls legend{font-size:1.15rem;font-weight:650;color:var(--ink);padding:0 8px}
.energy-retrofit-controls label{display:flex;align-items:center;gap:13px;padding:14px 0;font-weight:500;border-top:1px solid #d6ddd0;min-height:48px}
.energy-retrofit-controls label:first-of-type{border-top:0}
.energy-retrofit-controls input{width:21px;height:21px;accent-color:var(--blue);flex-shrink:0}
.energy-retrofit-controls span{display:block;font-size:.74rem;color:var(--muted);margin-top:4px}
.energy-retrofit-results{padding:28px;background:#e8eddf;border-radius:9px}
.energy-retrofit-results h3{font-size:1.5rem}
.energy-retrofit-results .energy-demo-result{grid-template-columns:1fr}
.energy-result-bar{height:10px;background:#cbd6bc;border-radius:6px;margin-top:18px;overflow:hidden}
.energy-result-bar>span{height:100%;display:block;background:#213fbe;width:100%;transition:width .25s ease}
.energy-result-note{font-size:.8rem;line-height:1.8;margin-top:22px}
.energy-process{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.energy-process li{padding:20px 15px;border:1px solid var(--line);border-radius:8px;font-size:.85rem;line-height:1.6;background:#f3f4ee;position:relative}
.energy-process span{font-size:.68rem;display:block;color:var(--blue);margin-bottom:10px}
.energy-process li:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:36px;color:var(--blue)}
.energy-quantities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.energy-quantities>div{padding:22px;border:1px solid var(--line);border-radius:9px;background:#f3f4ee}
.energy-quantities dt{font-size:.81rem;color:var(--muted);line-height:1.6}
.energy-quantities dd{font-size:1.8rem;color:var(--ink);font-weight:650;letter-spacing:-.04em;margin-top:15px}
.energy-sources{padding:28px;border:1px solid var(--line);border-radius:9px;background:#eef0e7;margin-top:30px;font-size:.86rem;line-height:1.8}
.energy-sources h3{font-size:1.25rem}
.energy-sources p{margin-top:16px}
.energy-editorial{padding-block:0 40px;font-size:.78rem;line-height:1.8}
.energy-editorial p+p{margin-top:14px}
.energy-related{border-top:1px solid var(--line);padding-block:38px}
.energy-related h2{font-size:1.8rem}
.energy-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px}
.energy-related a{font-size:.9rem;color:var(--blue);text-underline-offset:4px}
@media(max-width:1050px){.energy-hero,.energy-columns{gap:30px}.energy-hero .button{font-size:.85rem;padding:14px 18px}.energy-process{grid-template-columns:repeat(3,minmax(0,1fr))}.energy-process li:nth-child(3)::after{display:none}.energy-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-quantities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.energy-hero,.energy-columns,.energy-retrofit{grid-template-columns:1fr}.energy-hero{padding-block:35px 50px;gap:32px}.energy-hero h1{font-size:clamp(2.7rem,8vw,4.25rem)}.energy-hero .lead{font-size:1rem}.energy-hero-art{max-width:680px}.energy-benefits{justify-content:flex-start}.energy-contents .eyebrow{width:100%}.energy-related>div{grid-template-columns:1fr}.energy-page .next-step{display:block}.energy-page .next-step .button{margin-top:24px}.energy-note,.energy-demo,.energy-target-card{padding:24px}.energy-demo-header{flex-wrap:wrap}.energy-comparison-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.energy-hero h1{font-size:clamp(2.15rem,9.2vw,2.6rem);line-height:1.12}.energy-upgrade-grid{grid-template-columns:1fr}.energy-process{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-process li:nth-child(2n)::after{display:none}.energy-process li:nth-child(3)::after{display:block}.energy-demo-result{gap:12px}.energy-demo-result output{font-size:1.9rem}.energy-demo-result small{font-size:.7rem}.energy-action .button{font-size:.83rem;padding:14px 18px}.energy-target-steps{gap:10px}.energy-target-steps>div{padding:14px}.energy-quantities>div{padding:18px}.energy-quantities dd{font-size:1.55rem}.energy-comparison-list{gap:8px}}
@media(prefers-reduced-motion:reduce){.energy-result-bar>span{transition:none}}
@media print{.energy-hero .actions,.energy-action,.energy-contents,.energy-demo input,.energy-demo select,.energy-retrofit-controls{display:none}.energy-hero,.energy-columns,.energy-retrofit,.energy-upgrade-grid{display:block}.energy-figure,.energy-demo,.energy-note{break-inside:avoid}.energy-page .faqs details>p{display:block}}
