.battery-ranking { max-width: 1100px; }
.battery-ranking h1 { text-align: left; margin: 12px 0 16px; line-height: 1.2; }
.battery-eyebrow { color: #5b4fbd; font-size: .75rem; letter-spacing: .14em; font-weight: 700; }
.battery-ranking .battery-note { color: #cbd5e1; font-size: .9rem; line-height: 1.65; }
.battery-actions { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 20px 0; }
.battery-ranking .battery-actions a, .battery-ranking .battery-detail { color: #304ebd; font-weight: 600; }
.battery-ranking a:hover { color: #213888; text-decoration: underline; }
.battery-ranking a:focus-visible, .battery-ranking .table-wrapper:focus-visible { outline: 2px solid #93c5fd; outline-offset: 4px; }
.battery-count { color: #cbd5e1; font-size: .85rem; }
.battery-ranking .table-wrapper { max-height: 70vh; overflow: auto; border: 1px solid #475569; border-radius: 12px; }
.battery-ranking table { min-width: 780px; margin: 0; }
.battery-ranking th, .battery-ranking td { padding: 15px 12px; vertical-align: middle; }
.battery-ranking th { background: #243047; color: #f8fafc; }
.battery-package { display: block; color: #536078; font-size: .85rem; margin-top: 5px; }
.battery-ranking td.battery-capacity { color: #6542b6!important; font-size: 1.15rem; font-weight: 700; white-space: nowrap; }
.battery-ranking .battery-detail { display: inline-block; white-space: nowrap; padding: 6px 0; }
@media (max-width: 768px) {
    .battery-ranking { padding: 16px; }
    .battery-ranking h1 { font-size: 1.6rem; }
    .battery-ranking th, .battery-ranking td { padding: 12px 10px; }
    .battery-ranking table { min-width: 700px; }
}