.hero-privacy {
  display: block;
  max-width: 590px;
  margin-top: 30px;
  border: 1px solid #3a5267;
  border-radius: 12px;
  padding: 14px 18px;
  background: #17354c;
  color: #dce6ec;
}

.hero-privacy ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 20px;
}

.hero-privacy li {
  padding-left: 3px;
  font-size: .82rem;
}

.hero-privacy li::marker {
  color: var(--coral);
}

.hero-privacy strong {
  color: #fff;
}

.corridor-card {
  min-height: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  margin: 0;
  background: var(--ink);
}

.corridor-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-stats {
  margin: -4px 0 28px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.matrix-key {
  gap: 9px;
  padding-bottom: 7px;
}

.matrix-key span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.matrix-key span i {
  width: 17px;
  height: 17px;
  border-radius: 3px;
}

.od-grid {
  width: 100%;
  min-width: max-content;
  grid-template-columns: var(--row-label-width) repeat(var(--location-count), minmax(var(--route-column-width), 1fr));
}

.matrix-toolbar {
  grid-template-columns: minmax(210px, .7fr) minmax(350px, 1fr) 170px auto;
}

.line-choice {
  display: grid;
  gap: 8px;
  max-width: 420px;
  margin: 24px 0;
}

.line-choice small,
.pool-line {
  color: var(--muted);
}

.pool-line {
  font-weight: 800;
}

.matrix-card {
  width: 100%;
  margin-inline: auto;
}

.matrix-scroll {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-gutter: auto;
}

.matrix-corner,
.matrix-destination {
  height: var(--column-label-height);
}

.matrix-corner,
.matrix-origin {
  padding-inline: calc(var(--row-label-width) / 12);
}

.matrix-origin {
  padding-block: 0;
}

.matrix-corner,
.matrix-destination,
.matrix-origin,
.matrix-cell {
  min-height: var(--matrix-row-height);
}

.button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.step-link {
  width: fit-content;
  min-height: 42px;
  margin-top: 14px;
  padding: 8px 16px;
  font-size: .8rem;
}

.step-label.unnumbered-step {
  display: block;
}

@media (max-width: 1100px) {
  .matrix-toolbar {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .matrix-toolbar {
    grid-template-columns: 1fr;
  }
}