/* ---------- state pages (on top of site.css, model.css, year.css) ---------- */
.law{background:var(--white);border:3px solid var(--ink);border-radius:16px;padding:16px 16px;max-width:860px}
.law q{display:block;font:italic 400 1.125rem/1.5 var(--serif);margin:8px 0 8px;quotes:"\201C" "\201D"}
.law .cite{font-size:1rem;color:var(--ink-3)}
.dealers{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media(min-width:700px){.dealers{grid-template-columns:1fr 1fr}}
.dealers li{background:var(--white);border:2px solid var(--paper-3);border-radius:16px;padding:12px 12px}
.dealers b{display:block;font:800 1.125rem var(--body)}
.dealers span{color:var(--ink-2);font-size:1rem}
.dealers a{display:inline-flex;align-items:center;min-height:44px}
.nearby{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media(min-width:700px){.nearby{grid-template-columns:1fr 1fr}}
.nearby li{display:flex;gap:12px;align-items:center;background:var(--white);border:3px solid var(--ink);border-radius:16px;padding:12px 12px}
.nearby .shape{flex:none}
.nearby b{display:block;font:800 1.125rem var(--display)}
.nearby span{color:var(--ink-2);font-size:1rem}
.nearby i{font-style:normal;display:inline-block;margin-top:4px;padding:3px 8px;border-radius:999px;font:800 .875rem var(--body);color:#fff}
.nearby .s-reg{background:var(--yes)} .nearby .s-lim{background:var(--some-fill);color:var(--ink)} .nearby .s-uns{background:var(--unsure)}
/* verdict colors by status (matches the state checker) */
.yv.v-lim{border-top-color:var(--some-fill)} .yv.v-lim .ic{background:var(--some-fill);color:var(--ink)}
.yv.v-no{border-top-color:var(--no)} .yv.v-no .ic{background:var(--no)}
.nearby .s-no{background:var(--no)}

.yv.v-future{border-top-color:var(--soon)} .yv.v-future .ic{background:var(--soon)}
.yv.v-uns{border-top-color:var(--unsure)} .yv.v-uns .ic{background:var(--unsure)}
.nearby .s-fut{background:var(--soon)}
/* nearby cards are links to that state's page (whole card is the tap target) */
.nearby li{padding:0}
.nearby li > a{display:flex;gap:12px;align-items:center;width:100%;min-height:44px;padding:12px 12px;color:inherit;text-decoration:none;border-radius:16px}
.nearby li > a:hover{background:var(--paper-2,#F3EEE2)}
.nearby .go{margin-left:auto;flex:none;font:800 1.5rem var(--display);color:var(--ink-3)}