.energy-costs{min-width:0;border-top:1px solid var(--line,#344d69);padding-top:27px;color:var(--paper,#edf3f8);font-family:var(--body,sans-serif)}
.costs-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.costs-eyebrow{font:10px var(--mono,monospace);letter-spacing:.12em;color:var(--battery,#69dbc0)}.costs-title{font:22px var(--display,sans-serif);letter-spacing:-.6px;margin:8px 0}.costs-period{color:var(--muted,#a7bbce);font-size:12px;margin:0}.costs-edit{display:inline-flex;align-items:center;min-height:44px;padding:7px 0 7px 12px;color:var(--battery,#69dbc0);font-size:12px;text-align:right}.costs-edit:hover{text-decoration:underline;text-underline-offset:4px}
.costs-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0 0 19px}.costs-metric{min-width:0;border-bottom:1px solid var(--line,#344d69);padding:0 0 21px}.costs-metric dt{font-size:12px;color:var(--muted,#a7bbce)}.costs-metric dd{margin:7px 0 0;font:clamp(25px,2.8vw,37px) var(--mono,monospace);letter-spacing:-1px;overflow-wrap:anywhere}.costs-metric-0 dd{color:#ff8a80}.costs-metric-1 dd{color:#56d364}
.costs-status,.costs-coverage{font-size:12px;line-height:1.65;margin:0 0 5px}.costs-status{color:var(--paper,#edf3f8)}.costs-coverage{color:var(--muted,#a7bbce)}.costs-standing{display:flex;align-items:baseline;gap:17px;margin:17px 0 5px;font-size:12px;color:var(--muted,#a7bbce)}.costs-standing strong{font:17px var(--mono,monospace);color:var(--paper,#edf3f8)}.costs-note{font-size:11px;line-height:1.7;margin:3px 0;color:var(--muted,#a7bbce)}.costs-footer{display:flex;flex-wrap:wrap;gap:5px 22px;border-top:1px solid var(--line,#344d69);margin-top:18px;padding-top:14px;font-size:10px;color:var(--muted,#a7bbce)}.costs-provenance{width:100%;margin:2px 0 0;color:var(--muted,#a7bbce);font-size:10px}
@media(max-width:600px){.costs-heading{align-items:flex-start;gap:12px}.costs-title{font-size:20px}.costs-edit{font-size:11px;max-width:105px}.costs-metrics{gap:15px}.costs-metric dd{font-size:25px}.costs-metric dt{font-size:11px}.costs-footer{flex-direction:column}}
@media(max-width:420px){.costs-metrics{grid-template-columns:1fr 1fr;gap:15px 22px}.costs-metric:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.costs-metric:last-child dd{margin:0}.costs-metric dd{font-size:27px}.costs-status,.costs-coverage{font-size:11px}.costs-standing{justify-content:space-between}.costs-footer{font-size:10px}}