/* Photos follow the existing route order and link to each station's details. */
.route-stationlist { gap: 12px; }
.route-stationlist li > a.route-station-card {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 20px;
  gap: 14px;
  padding: 12px;
  overflow: hidden;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.route-stationlist li > a.route-station-card-with-photo {
  grid-template-columns: 128px minmax(0, 1fr) 20px;
}
.route-station-card-with-photo .sl-n {
  position: absolute;
  z-index: 1;
  inset-block-start: 18px;
  inset-inline-start: 18px;
  width: 28px;
  height: 28px;
  font-size: .82rem;
  box-shadow: 0 1px 8px #0003;
}
.route-station-photo {
  display: block;
  width: 128px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 8px;
  background: var(--line, #DFE3E8);
}
.route-station-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.route-station-card > div { overflow-wrap: anywhere; }
.route-station-card b { margin-block-end: 5px; }
.route-station-card small { display: block; line-height: 1.45; }
.route-station-card .route-station-credit {
  margin-block-start: 7px;
  color: var(--muted, #5E6573);
  font-size: .65rem;
}
.route-station-card .sl-ico { justify-self: end; }
.route-stationlist li > a.route-station-card:hover,
.route-stationlist li > a.route-station-card:focus-visible {
  border-color: var(--gold-d, #7D5F1F);
  box-shadow: 0 4px 16px #13294B10;
}
@media (min-width: 901px) and (min-height: 700px) {
  .routegrid > .mapbox { position: sticky; top: 88px; }
}
@media (max-width: 600px) {
  .route-stationlist li > a.route-station-card { gap: 10px; padding: 10px; }
  .route-stationlist li > a.route-station-card-with-photo { grid-template-columns: 96px minmax(0, 1fr) 18px; }
  .route-station-photo { width: 96px; aspect-ratio: 1; }
  .route-station-card-with-photo .sl-n { inset-block-start: 15px; inset-inline-start: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .route-stationlist li > a.route-station-card { transition: none; }
}