/* EnteleLINK diagram-specific readability corrections. */
.ai-flow-label {
  fill: #102038;
  stroke: #f8fbff;
  stroke-width: 7px;
  paint-order: stroke fill;
  stroke-linejoin: round;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 850;
  text-anchor: middle;
  dominant-baseline: central;
}

/* The vertical route labels must sit beside the route, never over node names. */
.ai-flow-label:nth-of-type(4) {
  transform: translate(82px, -18px);
  text-anchor: start;
}

.ai-flow-label:nth-of-type(5) {
  transform: translate(82px, 12px);
  text-anchor: start;
}

.ai-label {
  fill: #102038;
  stroke: #f8fbff;
  stroke-width: 8px;
  paint-order: stroke fill;
  stroke-linejoin: round;
  font-size: 16px;
  font-weight: 900;
}

.ai-panel {
  overflow: hidden;
}

.ai-svg {
  overflow: visible;
}

@media (max-width: 760px) {
  .ai-flow-label {
    font-size: 13px;
    stroke-width: 6px;
  }

  .ai-flow-label:nth-of-type(4),
  .ai-flow-label:nth-of-type(5) {
    transform: translate(62px, 0);
  }

  .ai-label {
    font-size: 14px;
    stroke-width: 7px;
  }
}