.city-index{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:2.5rem;padding:0;list-style:none}.city-index>li{min-width:0;padding:.5rem;border:1px solid var(--border);border-radius:1rem;background:white;overflow-wrap:anywhere}.city-index h2,.city-index>li>a:first-child{margin:0;font-family:var(--font-serif);font-size:1.375rem;font-weight:600;line-height:1.4}.city-index a{display:flex;align-items:center;min-height:44px;padding:.5rem .75rem;color:var(--brand)}.city-index h2 a,.city-index>li>a:first-child{color:var(--foreground)}.city-index p{margin:.25rem .75rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.6}.city-index>li>a{font-weight:600}.city-index a:hover{text-decoration:underline}.city-index a:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:.5rem}@media (min-width:640px){.city-index{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.city-index{grid-template-columns:repeat(3,minmax(0,1fr))}}.city-index-search{margin-top:1.5rem;max-width:32rem}.city-index-search label{display:block;margin-bottom:.5rem;font-weight:600}.city-index-search input{width:100%;min-height:48px;padding:.75rem;border:1px solid var(--border);border-radius:.75rem;background:white;font-size:1rem}.city-index-search input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.city-index-search p{margin-top:.5rem;color:var(--muted-foreground)}