/* Cities directory spacing, including the comparison table on all six locales. */
.cities-hub-page .content-section.cities-hub-section {
  max-width: min(1200px, 100%);
  margin: 2rem auto 0;
}

.cities-hub-page .content-section.cities-hub-section-intro {
  margin-top: 1.5rem;
}

.cities-hub-page .content-section.cities-hub-section-spaced {
  margin-top: 3rem;
}

.cities-hub-page .content-section.cities-hub-section-comparison {
  margin: 0 auto;
}

.cities-hub-page .cities-hub-tips {
  margin-top: 3rem;
}

/* Keep the existing image fallback colours without setting inline styles. */
.cities-hub-page .city-hub-card img.city-hub-image-unavailable {
  height: 180px;
  background: #1a3a2a;
}

.cities-hub-page .city-hub-card img.city-hub-image-unavailable[data-city-fallback="#2D5A3D"] {
  background: #2d5a3d;
}

.cities-hub-page .city-hub-card img.city-hub-image-unavailable[data-city-fallback="#185FA5"] {
  background: #185fa5;
}

.cities-hub-page .city-hub-card img.city-hub-image-unavailable[data-city-fallback="#C1272D"] {
  background: #c1272d;
}

.cities-hub-page .city-hub-card img.city-hub-image-unavailable[data-city-fallback="#444444"] {
  background: #444;
}