/* One focal loop: business -> product -> systems -> operating feedback. */
#pathway .b-method-trace {
  visibility: hidden;
  stroke: var(--b-blue);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}
#pathway .b-method-map[data-enhanced] .b-method-trace { visibility: visible; }
#pathway .b-method-signal {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--b-blue);
  pointer-events: none;
  opacity: 0;
}
#pathway .b-method-station,
#pathway .b-method-feedback { z-index: 2; }
#pathway .b-method-station.is-complete .b-method-icon {
  background: #e3ecfd;
  border-color: #a9c0e9;
  color: #315784;
}
#pathway .b-method-icon::after {
  content: '';
  position: absolute;
  inset: -6px;
  border: 1px solid var(--b-blue);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}
#pathway .b-method-map[data-enhanced] .active .b-method-icon::after {
  animation: b-path-arrival 1100ms cubic-bezier(.16, 1, .3, 1) both;
}
#pathway .b-method-map[data-motion='paused'] .b-method-icon::after { animation-play-state: paused; }
#pathway .b-method-map.is-returning .b-method-feedback strong { color: var(--b-blue); }
#pathway .b-method-toggle {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  cursor: pointer;
}
#pathway .b-method-toggle[hidden] { display: none; }
#pathway .b-method-toggle:focus-visible { outline-offset: 4px; }
#pathway .b-path-visual figcaption { min-height: 1.8em; }
@keyframes b-path-arrival {
  from { transform: scale(.88); opacity: .55; }
  to { transform: scale(1.16); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #pathway .b-method-trace,
  #pathway .b-method-signal,
  #pathway .b-method-icon::after { display: none; }
}