/* Clickable US tile map, state view pages and the states hub */
.usmap{--lake:#1667a0;--navy:#0b2a4f;--amber:#b9461f;--surface:#fff;--line:#d4dce6;--muted:#4f6178;--ink:#0f2440;--mono:"IBM Plex Mono",ui-monospace,monospace;--r:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(14px,3vw,28px)}
.usmap-svg{display:block;width:100%;height:auto;max-width:860px;margin:0 auto}
.usmap-svg a rect{fill:var(--lake);transition:fill .15s,transform .15s}
.usmap-svg a.g rect{fill:var(--navy)}
.usmap-svg a text{fill:#fff;font:600 15px var(--mono);pointer-events:none}
.usmap-svg a:hover rect,.usmap-svg a:focus rect{fill:var(--amber)}
.usmap-svg a:focus{outline:none}
.usmap-svg a:focus-visible rect{stroke:var(--ink);stroke-width:3}
.usmap-key{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:center;margin-top:16px;font-size:.9rem;color:var(--muted)}
.usmap-key span{display:inline-flex;align-items:center;gap:8px}
.usmap-key .k{display:inline-block;width:14px;height:14px;border-radius:3px;background:var(--lake)}
.usmap-key .k.g{background:var(--navy)}
.usmap-key a{font-weight:600}

.state-hero h1{max-width:22ch}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.svc-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--r);padding:20px;display:grid;gap:8px;align-content:start;scroll-margin-top:96px}
.svc-card:target{border-top-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}
.svc-card p{color:var(--muted)}
.svc-card .go{font-weight:600;text-decoration:none;margin-top:4px}

.cities{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.city{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 14px 18px;display:grid;gap:4px;overflow:hidden}
.city::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--lake),var(--navy))}
.city-n{font-family:var(--display);font-size:1.25rem;color:var(--ink);line-height:1.2}
.city-s{font-size:.78rem;color:var(--muted);letter-spacing:.02em}

.state-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.state-list a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-decoration:none;color:var(--ink)}
.state-list a:hover{border-color:var(--lake)}
.state-list b{font:600 .85rem var(--mono);color:#fff;background:var(--lake);border-radius:4px;padding:2px 6px}
.state-list em{margin-left:auto;font-style:normal;font-size:.72rem;font-weight:600;color:var(--amber-ink);text-transform:uppercase;letter-spacing:.08em}
@media (max-width:560px){.usmap{padding:10px}.usmap-svg a text{font-size:17px}}