#city-direction {
  display: flex;
  gap: 5px;
  margin: 0 24px 12px;
  padding: 4px;
  width: fit-content;
  background: #eef3ed;
  border-radius: 9px;
}
#city-direction[hidden] { display: none; }
#city-direction button {
  padding: 7px 19px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #38594b;
  font-size: 13px;
  font-weight: 600;
}
#city-direction button[aria-pressed="true"] { background: #215a47; color: white; }
.city-board .board-filters {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 10px 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.city-board .filter-row { display: contents; }
.city-board .board-filters > div, .city-board .filter-row > div { min-width: 0; }
.city-board .board-title { margin-bottom: 14px; }
.city-stop { font-size: 12px; line-height: 1.45; color: #53675e; margin: 3px 0; }
.city-stop strong { color: #205341; font-weight: 600; }
.city-board .journey-to strong { font-size: 15px; }
.city-board .card-heading { padding-top: 16px; padding-bottom: 11px; }
@media(max-width:740px) { #city-direction { margin-left: 18px; } }