/* Route overview stage rail: keep every label and helper inside its own metric. */
.routeTrackingPage .rtStageRail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  padding: 6px;
  overflow-x: hidden;
}

.routeTrackingPage .rtStageRail button,
.routeTrackingPage .rtStageRail button:first-child,
.routeTrackingPage .rtStageRail button:last-child {
  min-width: 0;
  min-height: 112px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  grid-template-rows: minmax(31px, auto) auto minmax(28px, auto);
  align-content: center;
  gap: 2px 10px;
  padding: 13px 11px;
  overflow: hidden;
}

.routeTrackingPage .rtStageRail button > span {
  grid-row: 1 / 4;
}

.routeTrackingPage .rtStageRail small,
.routeTrackingPage .rtStageRail em {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  overflow-wrap: anywhere;
  white-space: normal;
}

.routeTrackingPage .rtStageRail small {
  align-self: center;
  line-height: 1.35;
}

.routeTrackingPage .rtStageRail em {
  align-self: start;
  line-height: 1.35;
}

@media (max-width: 1180px) {
  .routeTrackingPage .rtStageRail {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .routeTrackingPage .rtStageRail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}