/* County pages and the county finder. Builds on /grandstrand/gs.css (tokens, status header, verdict, lists, radar, thumb bar). */
.here{background:var(--panel-2);border-bottom:1px solid var(--line);font-size:14px;padding:10px 0;color:var(--dim)}
.here[hidden]{display:none}
.here b{color:var(--ink)}
.here a{font-weight:650}
.linkbtn.inline{display:inline;padding:0 0 0 10px;min-height:0;font-size:14px}
.verdict .vh .town{text-transform:none;letter-spacing:0;font-size:14px}
.vrow li + li{border-top:1px solid var(--line);margin-top:4px;padding-top:6px}

/* finder */
.finder{margin-top:14px}
.finder .spot{margin-top:0}
.fd-find{margin-top:12px;position:relative}
.fd-find input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:12px;background:#0c1322;padding:0 14px;font-size:17px;-webkit-appearance:none;appearance:none}
.fd-find input:focus{outline:2px solid var(--cyan);outline-offset:-1px}
.fd-hint{font-size:13px;color:var(--faint);margin-top:6px}
.states{display:flex;gap:6px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.states::-webkit-scrollbar{display:none}
.states button{flex:none;min-height:36px;border:1px solid var(--line);background:transparent;color:var(--dim);border-radius:99px;padding:0 12px;font-size:13px;font-weight:650;cursor:pointer}
.states button.on{background:var(--panel-2);color:var(--ink);border-color:rgba(47,217,255,.5)}
.cl{margin-top:4px}
.cl .tg{margin-top:12px}
.cl .tg[hidden]{display:none}
.cl h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:700;padding:4px 2px 6px;position:sticky;top:0;background:var(--bg);z-index:2}
.cl a{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);text-decoration:none;margin-top:4px}
.cl a[hidden]{display:none}
.cl a:hover,.cl a:active{border-color:var(--cyan)}
.cl a .n{flex:1;min-width:0;font-size:16px;font-weight:650}
.cl a .n .z{display:block;font-size:12px;color:var(--faint);font-weight:400;margin-top:2px}
.cl a .go{width:8px;height:8px;border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);transform:rotate(-45deg);margin-right:4px;flex:none}
.cl a.sel{border-color:var(--cyan);background:var(--panel-2)}
.cl-none{font-size:14px;color:var(--dim);padding:14px 4px}
.cl-none[hidden]{display:none}
@media (min-width:600px){.cl .tg{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.cl h3{grid-column:1/-1}}