@layer components{.city-index{padding-top:1.25rem;padding-bottom:3rem}.city-index-head{margin-top:1.2rem}.city-index-head h1{font:600 clamp(2.4rem, 5.5vw, 3.8rem) / 1 var(--font-editorial);letter-spacing:-.02em}.city-index-lede{max-width:38rem;font-size:var(--text-lg);margin-top:.8rem}.city-index-grid{grid-template-columns:minmax(17rem,.9fr) minmax(0,1.3fr);align-items:start;gap:2rem;margin-top:1.8rem;display:grid}.city-index-map{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1rem;position:sticky;top:1rem}.city-index-map svg{width:100%;height:auto;display:block}.city-index-land{fill:var(--brand-soft);stroke:var(--brand-line);stroke-width:2px;stroke-linejoin:round}.city-index-map circle{fill:var(--brand);stroke:#fff;stroke-width:3px}.city-index-map a.is-newest circle{fill:var(--accent)}.city-index-map a:hover circle,.city-index-map a:focus-visible circle{r:11}.city-index-map text{fill:var(--ink);font:700 13px var(--font);paint-order:stroke;stroke:#fff;stroke-width:4px}.city-index-map p{color:var(--muted);font-size:var(--text-xs);margin-top:.5rem}.city-index-find{font-size:var(--text-md);gap:.3rem;font-weight:600;display:grid}.city-index-find input{border:1px solid var(--line);border-radius:var(--radius-pill);min-height:46px;font:inherit;background:#fff;padding:0 1rem}.city-index-list{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.city-index-list li[hidden]{display:none}.city-index-row{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:6.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.55rem .9rem .55rem .55rem;text-decoration:none;display:grid;position:relative}.city-index-row:hover{background:var(--brand-soft);border-color:var(--brand-line)}.city-index-row:has(.city-index-link:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.city-index-link{color:inherit;text-decoration:none}.city-index-link:focus-visible{outline:none}.city-index-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.city-index-walk{z-index:1;color:var(--brand);text-decoration-color:color-mix(in srgb, var(--brand) 40%, transparent);position:relative}.city-index-walk:hover{text-decoration-color:var(--accent)}.city-index-row img{object-fit:cover;border-radius:.7rem;width:6.5rem;height:4.6rem}.city-index-row strong{font:600 1.3rem/1.1 var(--font-editorial);display:block}.city-index-row small{color:var(--muted);font-size:var(--text-sm)}.city-index-facts{font-size:var(--text-md);flex-wrap:wrap;gap:.1rem .8rem;margin-top:.2rem;display:flex}.city-index-facts>*{white-space:nowrap}.city-index-facts b{font:600 1.05rem var(--font-editorial)}.city-index-go{width:2.4rem;height:2.4rem;color:var(--brand);background:var(--brand-soft);border-radius:var(--radius-round);place-items:center;display:grid}.city-index-empty{color:var(--muted);margin-top:1rem}.city-index-none{background:var(--brand-soft);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:1.2rem 2.5rem;margin-top:clamp(2.5rem,6vw,4rem);padding:1.4rem 1.5rem;display:grid}.city-index-none h2{font:600 1.5rem/1.1 var(--font-editorial)}.city-index-none p{color:var(--ink-soft);margin-top:.4rem}.city-index-none ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.city-index-none a{min-height:40px;color:var(--brand-strong);background:var(--surface);border-radius:var(--radius-pill);font-size:var(--text-md);align-items:center;padding:0 .9rem;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=820px){.city-index-grid,.city-index-none{grid-template-columns:1fr}.city-index-map{position:static}.city-index-row{grid-template-columns:4.8rem minmax(0,1fr) auto}.city-index-row img{width:4.8rem;height:3.8rem}}}