.energy-boards{display:grid;gap:30px;padding:10px 4px 22px}.energy-board{position:relative;display:block;width:100%;padding:18px;border:5px solid #e0e6eb;border-radius:9px;background:linear-gradient(145deg,#fff,#f1f7f8);text-align:left;color:#173b43;font:inherit;cursor:pointer;box-shadow:0 3px #a5b5bf,0 16px 26px #25455220,inset 0 0 0 1px #fff;transform:perspective(1000px) rotateY(5deg);transition:transform .25s,box-shadow .25s}.energy-board:after{content:"";position:absolute;height:17px;width:55%;bottom:-22px;left:22.5%;background:linear-gradient(90deg,transparent 0 10%,#9baeb8 10% 17%,transparent 17% 83%,#9baeb8 83% 90%,transparent 90%);z-index:-1}.energy-board:hover{transform:perspective(1000px) rotateY(0) translateY(-3px);box-shadow:0 3px #a5b5bf,0 20px 30px #25455230}.energy-board:focus-visible{outline:3px solid #168e83;outline-offset:6px}.energy-board h2{font-size:18px;margin:5px 0 12px;font-weight:750}.energy-kicker{color:#5b7580;font-size:10px;letter-spacing:.12em;font-weight:700}.energy-current{min-height:42px}.energy-current strong,.energy-total{font-size:27px;letter-spacing:-.04em;font-weight:750}.energy-current span{display:block;font-size:11px;color:#526c76}.energy-current small,.energy-total small{font-size:12px;font-weight:500;letter-spacing:0}.energy-subtitle,.energy-time{font-size:11px;color:#526c76}.energy-total{margin:6px 0 12px}.energy-mix{display:flex;overflow:hidden;height:15px;border-radius:4px;margin-bottom:14px}.energy-mix span{animation:energy-reveal .8s ease-out both;transform-origin:left}.energy-sources{display:grid;gap:7px;font-size:11px}.energy-sources>div{display:flex;justify-content:space-between;gap:10px}.energy-sources i{display:inline-block;height:7px;width:7px;border-radius:50%;margin-right:6px}.energy-sources strong{white-space:nowrap;font-weight:600}.energy-expand{display:block;border-top:1px solid #dce7e9;margin-top:10px;padding-top:9px;color:#167a72;font-size:11px}.energy-empty{min-height:65px;display:grid;place-content:center;font-size:12px;color:#526c76}.energy-detail{color:#173b43;padding:0 8px 14px}.energy-detail .energy-sources{font-size:14px;gap:11px}.energy-detail p,.energy-detail a{font-size:13px;line-height:1.6}@keyframes energy-reveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:901px)and (max-width:1199px){.energy-boards{grid-template-columns:1fr 1fr;max-width:720px;margin:auto}}@media(max-width:900px){.energy-boards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px;margin:auto}.energy-board{transform:none}}@media(max-width:540px){.energy-boards{grid-template-columns:1fr;max-width:360px}.energy-detail{padding-inline:0}.energy-detail .energy-sources{font-size:12px}}@media(prefers-reduced-motion:reduce){.energy-board,.energy-mix span{transition:none;animation:none;transform:none}.energy-board:hover{transform:none}}.energy-detail summary{cursor:pointer;color:#167a72;padding:12px 0}.energy-price-table{max-height:260px;overflow:auto}.energy-price-table table{border-collapse:collapse;width:100%;font-size:13px}.energy-price-table th{background:#e9f2fa;position:sticky;top:0}.energy-price-table th,.energy-price-table td{text-align:left;padding:7px 12px;border-bottom:1px solid #dce7e9}.energy-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.energy-filters label{display:grid;gap:5px;font-size:12px;color:#526c76}.energy-filters input,.energy-filters select{min-height:36px;max-width:100%;border:1px solid #bdcdd5;border-radius:4px;padding:6px 9px;background:#fff;color:#173b43;font:inherit}.energy-filters input:focus-visible,.energy-filters select:focus-visible{outline:2px solid #168e83;outline-offset:2px}.energy-price-table td,.energy-price-table th{white-space:nowrap}
