.monthly-page{max-width:1920px}nav{display:flex;gap:16px;flex-wrap:wrap}.monthly-energy{min-width:1600px}.monthly-energy th:first-child{min-width:160px}.monthly-energy thead th{min-width:150px}.monthly-energy .value{font-weight:600}.monthly-energy td:last-child .value{font-weight:750}.monthly-energy tbody tr:hover{background:#f6f9fb}.provider-value{color:#17623c;font-weight:700}.current-month{color:#125c76;font-weight:700}.monthly-energy th small{white-space:normal;max-width:180px}@media(max-width:720px){header{flex-direction:column;align-items:stretch}nav{gap:12px}}
.battery-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.battery-heading h2{margin:0}.battery-heading>strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.battery-bar{display:flex;width:100%;height:42px;background:#e1e6ec;border-radius:10px;overflow:hidden}.battery-bar>span{display:flex;align-items:center;justify-content:center;height:100%;flex-shrink:0;overflow:hidden;container-type:inline-size;color:#fff}.battery-bar>span>strong{font-size:clamp(7px,28cqi,18px);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.battery-nt{background:#2479d8}.battery-vt{background:#9b35b5}.battery-bar>.battery-free{background:#e1e6ec;color:#000}.battery-scale{display:flex;justify-content:space-between;font-size:.75rem;color:#506577;margin-top:6px}.battery-panel>p{margin-bottom:0}@media(max-width:720px){.battery-bar{height:34px}.battery-heading>strong{font-size:1.15rem}}