#energie .energy-donut.has-data{background:conic-gradient(#47936c 0 var(--solar-share),#697078 var(--solar-share) 100%)}
#energie .energy-donut.has-mix{background:conic-gradient(#47936c 0 var(--solar-share),#acd1ad var(--solar-share) var(--green-share),#697078 var(--green-share) 100%)}
#energie .energy-key--solar{background:#47936c}
#energie .energy-key--purchased{background:#acd1ad}
#energie .energy-key--grid{background:#697078}
#energie .energy-donut__center strong,#energie .co2-value{color:#acd1ad}
#energie .energy-estimate{font-size:12px;line-height:1.5;color:#c8ceca;max-width:48em;margin-top:14px}
#energie .energy-donut__center>span{font-size:clamp(12px,1.3vw,17px);max-width:85%;text-align:center}
#energie .energy-legend dd{white-space:nowrap}
#energie .energy-heating{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:28px;padding:38px;border:1px solid #4a4c4e;background:#292c30}
#energie .energy-heating__fact,#energie .energy-heating__copy{min-width:0}
#energie .energy-heating .eyebrow{color:#afcdb3;margin:0 0 20px}
#energie .energy-donut--heating{background:#47936c}
#energie .energy-heating .annual-energy__chart{margin-bottom:0}
#energie .energy-heating .energy-legend{color:#dedad4}
#energie .energy-heating .energy-legend__fossil dd{color:#acd1ad;font-weight:600}
#energie .energy-heating h3{color:#afcdb3;font-size:clamp(26px,2.7vw,38px);font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:0 0 20px}
#energie .energy-heating__copy>p{color:#dedad4;font-size:17px;line-height:1.65;max-width:40em;margin:0}
@media(max-width:700px){#energie .energy-heating{grid-template-columns:minmax(0,1fr);padding:28px 24px;gap:28px}#energie .energy-heating__copy>p{font-size:16px}}
@media(max-width:700px){#energie .annual-energy__chart{display:flex;flex-direction:column;align-items:center}#energie .energy-donut{width:min(100%,280px);height:auto;aspect-ratio:1}#energie .energy-legend{width:100%;margin:20px 0 0}#energie .energy-legend>div{display:flex;justify-content:space-between;gap:20px}#energie .energy-legend dt{max-width:75%}}