/* The EV charger finder's own sheet (docs/plans/ev-charger-plan.md). The
   EV pages load fuel.css too, for the controls, the chips, the card and
   the map they share with the fuel finder; these rules are the EV card's
   own lines. Tokens only (styles.css :root): no literal radius. */

/* the site's plugs, its cost in the source's words, who lists it */
.ev-card .ev-plugs { margin-top: 4px; font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
.ev-card .ev-cost { font-size: 13.5px; line-height: 1.45; color: var(--text); overflow-wrap: anywhere; }
.ev-card .ev-listed { font-size: 12.5px; line-height: 1.45; color: var(--muted); }
.ev-card .fuel-figure .fuel-reported { white-space: normal; max-width: 7em; }
/* planned sites and customers-only ones: how many, and the way to them */
.ev-held { margin: 0 0 18px; font-size: 14px; line-height: 1.5; }
/* THE MAP's pins (ev-map.js), on fuel.css's pin shape: shaded by the
   fastest plug's power, navy for the most, grey for not stated. A shade
   says power, never price or quality; white text on each passes 4.5:1. */
.ev-band-0 { --pin: #1A2F6E; background: #1A2F6E; }
.ev-band-1 { --pin: #2C4F96; background: #2C4F96; }
.ev-band-2 { --pin: #46679F; background: #46679F; }
.ev-band-3 { --pin: #5F6673; background: #5F6673; }
/* the map's key: a swatch and its words, each band on one line */
.ev-key { display: inline-flex; align-items: center; gap: 4px; margin-right: 8px; white-space: nowrap; }
.ev-key span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
/* the coverage page's table, as the fuel one's */
.ev-table td.num, .ev-table th.num { text-align: right; font-variant-numeric: tabular-nums; }