/* Laws hub, new design (laws-v2.html, built by scripts/laws-v2/make_laws_v2.py). Only what this page alone has:
   the "50 states at a glance" counts and road signs in the state list. Shared parts look: parts.css. Chips + list base: laws.css + road.css. */
.lawhero .answer1{font:700 1.25rem/1.4 var(--display);margin:8px 0 8px;color:var(--ink)}
.lawhero .answer1 b{color:var(--yes)}
.lawhero .vact{margin:16px 0 0}
@media(min-width:1000px){.lawhero{grid-template-columns:minmax(0,1fr) minmax(0,520px)}}

/* Counts by status: sign, number, words. Each one jumps to its group in the list. */
.counts{min-width:0}
.counts .sub3{margin:0 0 8px}
/* Phones: one row per status (sign | number | words). From 600px: two columns. */
.counts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media(min-width:600px) and (max-width:999px){.counts ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.counts .cnt{display:grid;grid-template-columns:80px auto minmax(0,1fr);column-gap:12px;align-items:center;min-height:44px;height:100%;box-sizing:border-box;
  padding:8px 12px;background:#fff;border:1.5px solid var(--line);border-left:8px solid var(--c);border-radius:0 16px 16px 0;color:var(--ink);text-decoration:none}
.counts .cnt.k-some{border-left-color:var(--some-fill)}
.counts .cnt:hover{background:var(--bg)}
.counts .rs{height:44px;display:flex;align-items:center;justify-content:center}
.counts .rs svg{height:44px;width:auto;max-width:80px}
.counts .cnt b{font:800 1.75rem/1 var(--display);min-width:1.4em;text-align:right}
@media(max-width:339px){.counts .cnt{grid-template-columns:60px auto minmax(0,1fr);column-gap:8px}.counts .rs svg{max-width:60px}}
.counts .cnt>span:last-child{font-size:1rem;line-height:1.3;min-width:0;overflow-wrap:anywhere}
.counts .small{margin:8px 0 0}

/* State rows: the state's road sign instead of a plain dot */
.srow .rs{flex:none;width:76px;height:40px;display:flex;align-items:center;justify-content:center}
.srow .rs svg{height:40px;width:auto;max-width:76px}
@media(max-width:359px){.srow .rs{width:56px}.srow .rs svg{max-width:56px}}
.sgroup{scroll-margin-top:96px}
.lawcheck{padding-top:24px}

/* Highway cards: state names are links */
.lawroads li>span>span a{font-weight:700}
.srcs{margin-top:16px}

/* Filter chips in the road look (thin gray border, blue when chosen) */
.laws2 .chip{border:1.5px solid var(--line-2);font-family:var(--display)}
.laws2 .chip[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.laws2 .chip[aria-pressed="true"] .dot{box-shadow:0 0 0 2px #fff}
@media(min-width:1000px){.lawhero{align-items:start}}