/* Scoped to this article's energy-budget explorer. */
#energy-cost{margin:1.5rem 0;padding:clamp(.8rem,3vw,1.4rem);border:2px solid #006b77;border-radius:12px;background:#f5fafb;color:#12324b;scroll-margin-top:1rem}
#energy-cost *{box-sizing:border-box}#energy-cost [hidden]{display:none!important}
#energy-cost h3{margin:.2rem 0 .7rem;font-size:1.5rem}#energy-cost h4{font-size:1.25rem;margin:.4rem 0}
#energy-cost .ec-kicker{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:#35575f;font-weight:700}
#energy-cost .ec-workspace{display:grid;gap:1rem;align-items:start}#energy-cost .ec-workspace>*{min-width:0}
#energy-cost fieldset{min-width:0;border:0;padding:0;margin:0 0 .8rem}#energy-cost legend{font-weight:700;margin-bottom:.4rem}
#energy-cost label{font-size:.95rem;line-height:1.4}#energy-cost .ec-field{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;align-items:center;gap:.4rem;margin:.5rem 0}
#energy-cost input[type=number]{width:100%;min-width:0;font:inherit;padding:.4rem;background:white;color:#12324b;border:1px solid #597781;border-radius:5px}
#energy-cost input[type=range]{grid-column:1/-1;width:100%;height:1.7rem;margin:0;accent-color:#006b77}
#energy-cost button{font:inherit;font-size:.9rem;font-weight:600;padding:.5rem .6rem;line-height:1.35;border:2px solid #006b77;border-radius:6px;color:#005762;background:white;cursor:pointer}
#energy-cost button[type=submit]{background:#006b77;color:white}#energy-cost button:disabled{opacity:.6;cursor:default}
#energy-cost .ec-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0}
#energy-cost :is(input,button,summary,a):focus-visible{outline:3px solid #a24f00;outline-offset:3px}#energy-cost [aria-invalid=true]{border:2px solid #a32a1e}
#energy-cost #ec-error{color:#912819;font-weight:600}#energy-cost #ec-error:empty{display:none}
#energy-cost #ec-result{padding:.8rem;background:white;border:1px solid #9fbec6;border-radius:8px}
#energy-cost .ec-summary{font-weight:700;font-size:1.4rem;line-height:1.4;margin:.2rem 0 .5rem}
#energy-cost .ec-small{font-size:.9rem;line-height:1.5}#energy-cost .ec-legend{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.85rem;margin:.5rem 0}
#energy-cost .ec-legend i{display:inline-block;width:.85rem;height:.85rem;margin-right:.3rem;border:1px solid #12324b}
#energy-cost .ec-home{background:#006b77}#energy-cost .ec-public{background:#273c65}#energy-cost .ec-fee{background:repeating-linear-gradient(135deg,#f4d49c,#f4d49c 3px,#876018 3px,#876018 4px)}
#energy-cost svg{display:block;width:100%;height:auto}#energy-cost dt{font-weight:700}#energy-cost dd{margin:0 0 .6rem}
#energy-cost details{margin:1rem 0;padding-top:.8rem;border-top:1px solid #bacfd5}#energy-cost summary{cursor:pointer;font-weight:700;color:#005762}
#energy-cost .ec-source{overflow-wrap:anywhere}#energy-cost #ec-record dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.5rem 1rem}
#energy-cost #ec-record dl>div{border-bottom:1px solid #cedee2}#energy-cost #ec-record svg{max-height:45px}#energy-cost #ec-record li{margin:.5rem 0}
#energy-cost .ec-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:680px){#energy-cost .ec-workspace{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}#energy-cost #ec-result{position:sticky;top:1rem}}
@media(max-width:500px){#energy-cost .ec-field{grid-template-columns:1fr}}
@media print{
 body.ec-print .gridContainer>:not(article),body.ec-print article>:not(.cars-guide),body.ec-print .cars-guide>:not(#cost),body.ec-print #cost>:not(#energy-cost){display:none!important}
 body.ec-print,body.ec-print .gridContainer,body.ec-print article{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:white!important}
 body.ec-print #energy-cost{border:0;margin:0;padding:0;background:white;font:10pt/1.3 system-ui,sans-serif}
 body.ec-print #energy-cost>.ec-no-print:not(#ec-interactive),body.ec-print #energy-cost>h3,body.ec-print #energy-cost>.ec-kicker,body.ec-print #energy-cost>.ec-source,body.ec-print #ec-fallback,body.ec-print .ec-workspace,body.ec-print .ec-actions,body.ec-print #ec-record-view>summary{display:none!important}
 body.ec-print #ec-record-view{border:0;padding:0;margin:0}body.ec-print #energy-cost #ec-record dl{grid-template-columns:1fr 1fr;break-inside:avoid}
 body.ec-print #ec-record a::after{content:none!important}
}