/* Cities page only. Classes prefixed cities- and scoped under .page-cities. */
@layer pages {
  /* Region rows: city chips on the left, notes on the right, split by 1px rules */
  .page-cities .cities-regions { display: flex; flex-direction: column; }
  .page-cities .cities-region { display: flex; flex-wrap: wrap; gap: 24px 56px; padding-block: 40px; border-top: 1px solid var(--border); }
  .page-cities .cities-region__aside { flex: 1 1 300px; }
  .page-cities .cities-region__body { flex: 2 1 480px; }

  /* Ad line sits tight above the route types section */
  .page-cities .cities-pause > .l-container { padding-bottom: 80px; }
}