/* Adapted from the approved site-proposal-2026-11-10/r6.css: preserve the approved composition and interaction. Production routes, accessibility and language changes stay here. */

.smap .lane { position: absolute; left: var(--px); top: var(--py); transform: translate(-50%, -50%); width: 17%;
  padding: 6px var(--space-2); border: 1.5px solid var(--rikyu-kuro); border-radius: var(--radius-sm, 4px);
  background: var(--rikyu-shiro); color: var(--foreground); font-size: var(--t-small-size); font-weight: 500; line-height: 1.35;
  text-align: center; z-index: 2; transition: background var(--dur-base) var(--ease), color var(--dur-base) var(--ease); }
.smap .lane.lit { background: var(--rikyu-kuro); color: var(--rikyu-shiro); }
.smap .node .tip b { font-weight: 500; }


.cmap:has([data-svc="02"]:is(:hover, :focus-visible)) .lane[data-to~="02"], .cmap:has([data-svc="03"]:is(:hover, :focus-visible)) .lane[data-to~="03"],
.cmap:has([data-svc="04"]:is(:hover, :focus-visible)) .lane[data-to~="04"], .cmap:has([data-svc="05"]:is(:hover, :focus-visible)) .lane[data-to~="05"],
.cmap:has([data-svc="06"]:is(:hover, :focus-visible)) .lane[data-to~="06"], .cmap:has([data-svc="01"]:is(:hover, :focus-visible)) .lane {
  background: var(--rikyu-kuro); color: var(--rikyu-shiro); }
.cmap:has([data-svc="02"]:is(:hover, :focus-visible)) .wires .w02, .cmap:has([data-svc="03"]:is(:hover, :focus-visible)) .wires .w03,
.cmap:has([data-svc="04"]:is(:hover, :focus-visible)) .wires .w04, .cmap:has([data-svc="05"]:is(:hover, :focus-visible)) .wires .w05,
.cmap:has([data-svc="06"]:is(:hover, :focus-visible)) .wires .w06, .cmap:has([data-svc="01"]:is(:hover, :focus-visible)) .wires path {
  stroke: var(--rikyu-kuro); stroke-width: 2; }

@media (max-width: 759px) {
  .smap .lane { width: 46%; text-align: left; }
}