.journey-ending {
  display: flex;
  justify-content: flex-end;
  padding: 56px 0 72px;
}
.journey-contact {
  display: inline-flex;
  align-items: center;
  gap: 17px;
  min-height: 64px;
  padding: 12px 23px;
  border: 1px solid #486884;
  border-radius: 40px;
  background: #142b45;
  color: #edf4fd;
  text-decoration: none;
  font-size: 1.15rem;
}
.journey-contact:hover {
  background: #1c3853;
  border-color: #6ab2ef;
}
.journey-contact:focus-visible {
  outline: 3px solid #e5b565;
  outline-offset: 6px;
}
.journey-dock {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 50%;
  background: #6ab2ef;
}
.journey-dot {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #6ab2ef;
  pointer-events: none;
  z-index: 10;
  transform-origin: center;
  will-change: transform;
}
.journey-active .journey-dot {
  display: block;
}
.journey-active .name-period {
  color: transparent;
}
.journey-stop {
  color: #6ab2ef;
  white-space: nowrap;
}
.journey-active .journey-stop {
  color: transparent;
}
.journey-active .journey-dock {
  background: transparent;
}
@media (max-width: 700px) {
  .journey-ending {
    padding: 32px 0 48px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .journey-dot {
    display: none !important;
  }
  .journey-active .name-period,
  .journey-active .journey-stop {
    color: var(--blue);
  }
  .journey-active .journey-dock {
    background: #6ab2ef;
  }
}

@media print {
  .journey-contact {
    color: #142e42;
    background: transparent;
    border-color: currentColor;
  }
  .journey-dot {
    display: none !important;
  }
  .journey-active .name-period,
  .journey-active .journey-stop {
    color: inherit;
  }
  .journey-active .journey-dock {
    background: #6ab2ef;
  }
}

/* Rest in document-flow punctuation between short transfers at every screen size. */
.journey-settled .journey-dot {
  position: absolute;
}
.journey-active.journey-settled .journey-current {
  color: #6ab2ef;
}
.journey-active.journey-settled .journey-dock.journey-current {
  background: #6ab2ef;
}

.journey-settled .name-period,
.journey-settled .journey-stop {
  position: relative;
}