/* Every battery, this minute. Scoped under .fw because the prototype used
   names the site already uses for other things (.stat, .cap, .key, .detail),
   and an unscoped .stat would have quietly restyled the front page. */
.fw{max-width:1120px;margin:0 auto;padding:0 0 60px}
.fw .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#4E6B76);margin:0 0 14px}
.fw h1{font-size:31px;line-height:1.22;font-weight:600;margin:0 0 12px;max-width:22em;letter-spacing:-.01em}
.fw .lede{color:var(--muted,#4E6B76);font-size:15px;margin:0 0 6px;max-width:44em}
.fw .src{color:var(--faint,#54707A);font-size:13px;margin:0}
.fw .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:34px 0 8px;
  border-top:1px solid var(--hair,#DCE4E2);border-bottom:1px solid var(--hair,#DCE4E2);padding:22px 0}
.fw .stat b{display:block;font-size:26px;font-weight:600;letter-spacing:-.01em}
.fw .stat span{display:block;font-size:13px;color:var(--muted,#4E6B76);margin-top:3px;line-height:1.35}
.fw h2{font-size:19px;font-weight:600;margin:52px 0 6px;letter-spacing:-.005em}
.fw .cap{color:var(--muted,#4E6B76);font-size:14px;margin:0 0 20px;max-width:46em}
.fw .ctl{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 18px;font-size:13px}
.fw .ctl button{font:inherit;font-size:13px;border:1px solid var(--hair,#DCE4E2);background:#fff;
  color:var(--muted,#4E6B76);padding:6px 12px;border-radius:999px;cursor:pointer}
.fw .ctl button[aria-pressed=true]{background:var(--ink,#005871);border-color:var(--ink,#005871);color:#fff}
.fw .ctl em{font-style:normal;color:var(--faint,#54707A)}
.fw .wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:20px 18px}
.fw .cell{border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.fw .cell:focus-visible{outline:2px solid var(--accent,#0061A3);outline-offset:3px}
.fw .cell .nm{font-size:12px;line-height:1.3;height:2.6em;overflow:hidden;color:var(--ink,#005871)}
.fw .cell .mw{font-size:11px;color:var(--faint,#54707A)}
.fw .cell svg{display:block;width:100%;height:auto}
.fw .cell.on .nm{font-weight:600}
.fw .key{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted,#4E6B76);margin:16px 0 0;align-items:center}
.fw .sw{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.fw .detail{border:1px solid var(--hair,#DCE4E2);border-radius:12px;padding:24px;margin:26px 0 0}
.fw .detail h3{margin:0 0 3px;font-size:21px;font-weight:600}
.fw .detail .sub{color:var(--muted,#4E6B76);font-size:14px;margin:0 0 18px}
.fw .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 22px;margin:20px 0 0;
  border-top:1px solid var(--hair,#DCE4E2);padding-top:18px}
.fw .facts div span{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint,#54707A)}
.fw .facts div b{display:block;font-size:14px;font-weight:500;margin-top:3px;line-height:1.4}
.fw table{border-collapse:collapse;width:100%;font-size:13.5px;margin-top:6px}
.fw th,.fw td{padding:8px 10px;border-bottom:1px solid var(--grid,#E6EBE8);text-align:right;white-space:nowrap}
.fw th:first-child,.fw td:first-child{text-align:left;white-space:normal}
.fw th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint,#54707A);font-weight:500;
  border-bottom:1px solid var(--hair,#DCE4E2);cursor:pointer;user-select:none}
.fw tbody tr:hover{background:var(--paper,#F4F5F0)}
.fw .noreg{color:var(--alert,#9B1B30)}
.fw .note{color:var(--muted,#4E6B76);font-size:13.5px;margin-top:10px;max-width:48em}
.fw .foot{margin-top:60px;padding-top:20px;border-top:1px solid var(--hair,#DCE4E2);color:var(--faint,#54707A);font-size:13px}
@media(max-width:700px){
  .fw h1{font-size:25px}
  .fw .stats{grid-template-columns:repeat(2,1fr);gap:20px}
  .fw .wall{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}