html body .vo-energy{padding:68px 20px;background:linear-gradient(120deg,#fbf4ec,#f2f7f4);color:#30473d}
html body .vo-energy *{box-sizing:border-box}
html body .vo-energy__inner{max-width:1170px;margin:auto}
html body .vo-energy__head{max-width:820px;margin:0 auto 28px;text-align:center;background:transparent;padding:0;position:static}
html body .vo-energy__eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#a46a49;text-transform:uppercase}
html body .vo-energy h2{color:#30473d;font-size:32px;line-height:1.25;text-transform:none;margin:12px 0 18px;background:none;font-weight:700}
html body .vo-energy__head p{font-size:15px;line-height:1.8;color:#56675e;margin:0;padding:0}
html body .vo-energy__notice{margin:0 0 26px;padding:17px 22px;background:#fff9f3;border:1px solid #edddcd;border-radius:12px;font-size:14px;line-height:1.7;color:#53645a}
html body .vo-energy__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;list-style:none;margin:0;padding:0}
html body .vo-energy__card{display:flex;flex-direction:column;margin:0;padding:0;background:#fff;border:1px solid #e5dbd1;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 10px 22px #30473d06}
html body .vo-energy__photo{overflow:hidden;aspect-ratio:4/3;margin:0;padding:0;background:#f7f2eb}
html body .vo-energy__photo img{display:block;width:100%;height:100%;object-fit:cover;padding:0;margin:0;border:0;transform:scale(1);transition:transform 1.3s cubic-bezier(.22,1,.36,1)}
html body .vo-energy__copy{padding:18px;display:flex;flex-direction:column;flex:1}
html body .vo-energy h3{font-size:21px;line-height:1.3;margin:0 0 12px;color:#30473d;font-weight:700;text-transform:none;background:none}
html body .vo-energy__value{font-size:20px;font-weight:700;color:#a86540;line-height:1.4;white-space:nowrap}
html body .vo-energy__unit{font-size:12px;color:#64746a;margin:3px 0 14px;display:block}
html body .vo-energy__copy p{font-size:13px;line-height:1.7;color:#56675e;padding:0;margin:0 0 18px}
html body .vo-energy__select{display:block;width:100%;margin-top:auto;padding:11px 9px;border:1px solid #d8dfd9;background:#f5f8f5;color:#30473d;font-size:13px;font-weight:700;border-radius:8px;cursor:pointer;line-height:1.4}
html body .vo-energy__select[aria-pressed=true]{background:#30473d;color:#fff;border-color:#30473d}
html body .vo-energy__select:focus-visible{outline:3px solid #ffaa80;outline-offset:2px}
html body .vo-energy__detail{margin:24px 0 0;padding:25px 28px;border-radius:16px;background:#30473d;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:28px}
html body .vo-energy__detail h3{font-size:23px;color:#fff;margin:0 0 12px}
html body .vo-energy__detail p{font-size:14px;line-height:1.8;padding:0;margin:0;color:#f2f6f2}
html body .vo-energy__detail strong{display:block;color:#ffbb94;margin-bottom:10px;font-size:15px}
html body .vo-energy__source{margin:20px 0 0;padding:0;font-size:12px;line-height:1.8;color:#63736a}
html body .vo-energy__source a{color:#7e5036;text-decoration:underline}
@media(min-width:601px){html body .vo-energy__card:hover img{transform:scale(1.065)}}
@media(max-width:1050px){html body .vo-energy__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){html body .vo-energy{padding:44px 16px}html body .vo-energy h2{font-size:26px}html body .vo-energy__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html body .vo-energy__copy{padding:15px 12px}html body .vo-energy__value{font-size:18px}html body .vo-energy__detail{grid-template-columns:1fr;gap:20px;padding:23px}html body .vo-energy__notice{padding:17px}html body .vo-energy h3{font-size:20px}}
@media(max-width:360px){html body .vo-energy__grid{grid-template-columns:1fr}}