.energy-page { color: #202a25; }
.energy-page .container { max-width: 1080px; }
.energy-page h1 { max-width: 850px; font-size: 38px; line-height: 1.15; letter-spacing: 0; }
.energy-page .byline { font-size: 13px; color: #58615b; }
.energy-lede { max-width: 790px; font-size: 18px; line-height: 1.65; }
.energy-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 18px; padding: 22px 0; border-bottom: 1px solid #dce1dc; }
.energy-modes { display: flex; flex-wrap: wrap; gap: 0; border: 1px solid #bcc6bf; border-radius: 4px; overflow: hidden; }
.energy-modes[hidden], .energy-panel[hidden] { display: none; }
.energy-modes button { appearance: none; font: inherit; font-size: 14px; font-weight: 600; padding: 12px 16px; min-height: 44px; background: white; color: #34483c; border: 0; cursor: pointer; border-radius: 0; }
.energy-modes button[aria-pressed="true"] { background: #215c47; color: white; }
.energy-modes button:focus-visible, .energy-page a:focus-visible, .energy-table:focus-visible { outline: 3px solid #b28122; outline-offset: 3px; }
.energy-downloads { display: flex; gap: 20px; font-size: 14px; font-weight: 600; }
.energy-panel { padding: 26px 0 36px; border-bottom: 1px solid #dce1dc; }
.energy-panel h2 { margin-top: 0; font-size: 26px; letter-spacing: 0; }
.energy-panel > p { max-width: 810px; line-height: 1.6; }
.energy-panel figure { margin: 24px 0; }
.energy-panel img { display: block; max-width: 100%; width: 100%; height: auto; aspect-ratio: 7 / 4; }
.energy-panel figcaption { color: #58615b; font-size: 13px; line-height: 1.7; }
.energy-table { overflow-x: auto; }
.energy-table table { border-collapse: collapse; width: 100%; min-width: 580px; font-size: 14px; text-align: left; }
.energy-table th, .energy-table td { padding: 12px 14px; border-bottom: 1px solid #dce1dc; vertical-align: top; }
.energy-table thead { background: #f0f4f1; }
.energy-table caption { text-align: left; font-size: 15px; font-weight: 600; padding-bottom: 12px; }
.energy-editorial { max-width: 810px; padding-top: 20px; font-size: 16px; line-height: 1.8; }
.energy-editorial h2 { font-size: 26px; line-height: 1.25; margin: 40px 0 18px; letter-spacing: 0; }
.energy-editorial li { margin-bottom: 14px; }
.energy-faq details { padding: 18px 0; border-bottom: 1px solid #dce1dc; }
.energy-faq summary { font-weight: 600; cursor: pointer; }
.energy-sources { overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .energy-page h1 { font-size: 29px; }
  .energy-lede { font-size: 16px; }
  .energy-modes { width: 100%; flex-wrap: nowrap; }
  .energy-modes button { flex: 1; padding: 12px 9px; font-size: 13px; }
  .energy-panel h2, .energy-editorial h2 { font-size: 23px; }
  .energy-panel figure { margin-left: -12px; margin-right: -12px; }
}