.old-city-page .page-hero {
  background: radial-gradient(ellipse at 15% 10%, var(--color-primary-dark), transparent 65%), var(--color-surface-deep);
}
.old-city-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.old-city-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.old-city-group { margin-top: var(--spacing-xl); }
.old-city-group-heading { margin-bottom: var(--spacing-md); }
.old-city-group-heading > div { display: flex; align-items: baseline; gap: var(--spacing-sm); }
.old-city-group-heading h3 { font: 600 var(--fs-h3)/1.5 var(--font-heading); color: var(--color-surface-deep); }
.old-city-group-number { font-size: var(--fs-small); color: var(--color-text-secondary); font-variant-numeric: tabular-nums; }
.old-city-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-md); }
.old-city-card {
  position: relative;
  display: grid;
  grid-template-columns: 144px minmax(0, 1fr);
  align-items: stretch;
  border: 1px solid var(--color-border);
}
.old-city-card .card-image { width: 144px; height: 100%; min-height: 152px; object-position: center; }
.old-city-card .card-body { padding: var(--spacing-md) var(--spacing-lg) var(--spacing-md) var(--spacing-md); }
.old-city-card .card-title { line-height: 1.5; padding-right: var(--spacing-md); }
.old-city-card .card-text { display: block; overflow: visible; -webkit-line-clamp: unset; }
.old-city-card-scope { display: block; margin-top: var(--spacing-sm); color: var(--color-text-secondary); font-size: var(--fs-xs); }
.old-city-card-arrow { position: absolute; top: var(--spacing-md); right: var(--spacing-md); color: var(--color-text-secondary); }
.old-city-card--no-image { grid-template-columns: minmax(0, 1fr); }
.old-city-page [hidden] { display: none; }
.old-city-more { display: block; margin: var(--spacing-xl) auto 0; }
@media (max-width: 900px) {
  .old-city-card { grid-template-columns: 112px minmax(0, 1fr); }
  .old-city-card .card-image { width: 112px; }
  .old-city-grid { grid-template-columns: minmax(0, 1fr); }
  .old-city-card--no-image { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .old-city-group { margin-top: var(--spacing-lg); }
  .old-city-card { grid-template-columns: 112px minmax(0, 1fr); align-items: start; }
  .old-city-card .card-image { width: 96px; height: 96px; min-height: 0; margin: var(--spacing-md) 0 0 var(--spacing-sm); border-radius: var(--border-radius); }
  .old-city-card .card-body { padding: var(--spacing-md) var(--spacing-sm); }
  .old-city-card-arrow { right: var(--spacing-sm); }
  .old-city-card--no-image { grid-template-columns: minmax(0, 1fr); }
}