.city-breadcrumb { max-width: 1200px; margin: 1.5rem auto 0; padding: 0 1.5rem; font-size: .9rem; }
.city-figure { margin: 0; min-width: 0; }
.city-figure img { width: 100%; height: auto; max-height: 440px; object-fit: cover; border-radius: 18px; }
.city-figure figcaption { font-size: .85rem; line-height: 1.5; padding-top: .6rem; color: #525b64; }
.city-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .8rem; margin-top: 1.5rem; }
.city-links a { display: block; padding: .8rem 1rem; border: 1px solid #dde2e5; border-radius: 10px; text-decoration: none; }
.city-links a:hover, .city-links a:focus-visible { border-color: #087f8c; background: #eff8f8; }
.city-update { max-width: 1140px; margin: 1.5rem auto; padding: 1.5rem; border-left: 4px solid #087f8c; background: #eff8f8; border-radius: 8px; }
.city-update p { margin-bottom: 0; }
@media (max-width: 640px) { .city-update { margin: 1rem; } .city-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .city-breadcrumb { padding: 0 1rem; } }