.city-page[data-v-dd9d72a8]{margin:0 auto;max-width:1200px;padding:28px 20px 48px;width:100%}.city-page__header[data-v-dd9d72a8]{margin-bottom:24px}.city-page__header h1[data-v-dd9d72a8]{color:#1a202c;font-size:1.75rem;line-height:1.25;margin:0 0 10px}.city-page__intro[data-v-dd9d72a8]{color:#4a5568;line-height:1.6;margin:0 0 16px;max-width:75ch}.city-page__actions[data-v-dd9d72a8]{align-items:center;display:flex;flex-wrap:wrap;gap:10px 16px}.city-page__count[data-v-dd9d72a8]{color:#2d3748}.city-page__map-btn[data-v-dd9d72a8]{background:var(--color-primary);border-radius:6px;color:#fff;display:inline-block;font-weight:600;padding:8px 16px}.city-page__map-btn[data-v-dd9d72a8]:hover{background:var(--color-primary-dark);color:#fff}.city-page__switch[data-v-dd9d72a8]{font-weight:500}.city-page__empty[data-v-dd9d72a8]{color:#718096;padding:40px 0}.city-page__pagination[data-v-dd9d72a8]{align-items:center;color:#4a5568;display:flex;gap:20px;justify-content:center;margin:28px 0 8px}.city-page__cities[data-v-dd9d72a8]{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:24px}.city-page__cities h2[data-v-dd9d72a8]{color:#2d3748;font-size:1.1rem;margin:0 0 12px}.city-page__cities ul[data-v-dd9d72a8]{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}@media(max-width:640px){.city-page[data-v-dd9d72a8]{padding:20px 16px 40px}.city-page__header h1[data-v-dd9d72a8]{font-size:1.4rem}}html[data-theme=dark]{color:#f9fafb}html[data-theme=dark]{color:#cbd5e0}html[data-theme=dark]{border-top-color:#374151}