/* V72: quiet directional shimmer for the homepage prevention loop.
   Static mint shafts and arrowheads stay primary; this is only a low-key cue. */
.home-page .evidence-map__connector {
  container-type: size;
  overflow: visible;
}

.home-page .evidence-map__connector > span {
  position: absolute;
  top: 50%;
  left: 0;
  width: .72rem;
  height: 2px;
  border-radius: 0;
  background: rgba(39, 141, 100, .72);
  box-shadow: none;
  filter: none;
  opacity: 0;
  transform: translate(-50%, -50%);
  animation: mp2-inner-shimmer-horizontal 8.5s linear infinite;
  animation-play-state: paused;
  will-change: transform, opacity;
}

.home-page .evidence-map__connector > span::before,
.home-page .evidence-map__connector > span::after { content: none; }

.home-page .evidence-map__connector--context > span { animation-delay: .8s; }
.home-page .evidence-map__connector--care > span { animation-delay: 1.6s; }
.home-page .evidence-map__system.is-flowing .evidence-map__connector > span { animation-play-state: running; }

@keyframes mp2-inner-shimmer-horizontal {
  0%, 12% { opacity: 0; transform: translate(-50%, -50%) translateX(0); }
  22%, 76% { opacity: .52; }
  88%, 100% { opacity: 0; transform: translate(-50%, -50%) translateX(var(--mp2-flow-x, 0px)); }
}

/* In the one-column phone layout, the same dash follows the reading order
   downward in the centered gap, clear of the left-side return rail. */
@media (max-width: 55rem) {
  .home-page .evidence-map__connector {
    display: block;
    grid-column: 1;
    justify-self: center;
    width: 2px;
    height: 1.42rem;
    margin: -.35rem 0;
    background: #55d39e;
  }

  .home-page .evidence-map__connector::after {
    top: auto;
    right: auto;
    bottom: -.12rem;
    left: 50%;
    border-top: .54rem solid #55d39e;
    border-right: .42rem solid transparent;
    border-bottom: 0;
    border-left: .42rem solid transparent;
    transform: translateX(-50%);
  }

  .home-page .evidence-map__connector > span {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    animation-name: mp2-inner-shimmer-vertical;
  }

  @keyframes mp2-inner-shimmer-vertical {
    0%, 12% { opacity: 0; transform: translate(-50%, -50%) translateY(0) rotate(90deg); }
    22%, 76% { opacity: .52; }
    88%, 100% { opacity: 0; transform: translate(-50%, -50%) translateY(var(--mp2-flow-y, 0px)) rotate(90deg); }
  }
}

@media (min-width: 55.01rem) and (max-width: 70rem) {
  .home-page .evidence-map__connector { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .evidence-map__connector > span { display: none; animation: none !important; }
}