/* Kink — hero graph: minimal restyle.
   Black ring nodes, light hairline connectors, one calm radar pulse.
   Motion is done in JS (SMIL) so it can respect reduced-motion. */

.canvas-svg line[stroke-dasharray] { transition: stroke .3s ease; }

/* keep the node letters crisp above the injected rings */
.canvas-svg text { paint-order: stroke fill; }

/* Anti-flash: hide the static diagrams that JS swaps for the interactive graph,
   so the old scene never flashes before React Flow mounts. Layout space is kept
   (visibility, not display). graph-fx.js reveals them again if it ever times out. */
.comm-canvas > svg,
.canvas-body > .canvas-svg { visibility: hidden; }

@media (prefers-reduced-motion: reduce) {
  .kink-pulse * { animation: none !important; display: none; }
}