/* Keep the complete filter journey visible across the desktop content width. */
@media (min-width: 1024px) {
  .waterway-scroll,
  .filterflow-scroll,
  .waterpath-scroll {
    overflow-x: clip;
  }

  .waterway-rail,
  .filterflow-rail,
  .waterpath-rail {
    width: 100%;
    min-width: 0;
  }

  .waterway-node,
  .filterflow-node,
  .waterpath-node {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
  }

  .waterway-node,
  .filterflow-node {
    min-height: 238px;
  }

  .waterpath-node {
    min-height: 262px;
  }

  .waterway-connector,
  .filterflow-connector,
  .waterpath-connector {
    width: clamp(12px, 1.4vw, 22px);
    flex: 0 1 22px;
  }

  .waterway-visual,
  .filterflow-visual,
  .waterpath-visual {
    height: clamp(82px, 7vw, 104px);
  }

  .waterway-node strong,
  .filterflow-node strong,
  .waterpath-node strong {
    font-size: clamp(13px, 1.04vw, 16px);
    line-height: 1.2;
    overflow-wrap: anywhere;
    hyphens: auto;
  }
}