.slide-departures {
  flex-direction: column;
  align-items: stretch;
  padding: 5vh 6vw;
  gap: 2.5vh;
}

.slide-departures .dep-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 2px solid #ffcc00;
  padding-bottom: 1vh;
}

.slide-departures .dep-title {
  font-size: 3.2vw;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.slide-departures .dep-subtitle {
  font-size: 1.6vw;
  color: var(--muted);
}

.slide-departures .dep-stations {
  display: flex;
  flex-direction: column;
  gap: 1.8vh;
  flex: 1;
  overflow: hidden;
}

.slide-departures .dep-station {
  display: grid;
  grid-template-columns: 14vw 1fr;
  gap: 2vw;
  align-items: start;
}

.slide-departures .dep-station-name {
  font-size: 1.9vw;
  font-weight: 700;
  color: #ffcc00;
  padding-top: 0.4vh;
}

.slide-departures .dep-rows {
  display: flex;
  flex-direction: column;
  gap: 0.6vh;
}

.slide-departures .dep-row {
  display: grid;
  grid-template-columns: 5.5vw 1fr 6vw;
  align-items: center;
  gap: 1.5vw;
  font-size: 1.7vw;
  font-variant-numeric: tabular-nums;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 0.3vh 0;
}

.slide-departures .dep-row:last-child { border-bottom: none; }

.slide-departures .dep-line {
  background: #ffcc00;
  color: #000;
  font-weight: 800;
  text-align: center;
  border-radius: 0.4vw;
  padding: 0.2vh 0.4vw;
  font-size: 1.5vw;
}

.slide-departures .dep-to {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slide-departures .dep-when {
  text-align: right;
  font-weight: 700;
  color: #ffcc00;
}

.slide-departures .dep-empty,
.slide-departures .dep-error {
  font-size: 1.5vw;
  color: var(--muted);
  font-style: italic;
}