/* flat/pages/multi-agent-workflows.css — page-only rules for the pipeline drawing.
   Tokens only, prefix .pg-maw-, zero box-shadow. Linked after flat/flat.css. */

/* The drawing is 443 units wide after the viewBox tighten (widened from the first
   pass's 435, which left the pulse rings only 1.4-5 units of clearance against the
   8-unit margin the other four pages hold); pinning it there holds it at drawn
   scale. At the system default 440px its six 10px sub-labels measured 9.17px,
   under the 9.5px floor. */
.pg-maw-viz { --viz-pin: 443px; }

/* seo-landing.css drifted the input document and the approval gate with lp-float
   (the gate 1.2s out of phase). Drift is banned; a slow pulse ring carries the same
   "work arrives here" / "this one is waiting" meaning. */
.pg-maw-ring {
  transform-box: fill-box;
  transform-origin: center;
  opacity: 0;
  animation: pg-maw-ring 2.4s var(--ease) infinite;
}
/* The gate keeps the old's 1.2s phase offset, so the two ends never pulse together. */
.pg-maw-ring--wait { animation-delay: 1.2s; }
@keyframes pg-maw-ring {
  0%   { opacity: 0;    transform: scale(0.97); }
  30%  { opacity: 0.55; transform: scale(1.01); }
  100% { opacity: 0;    transform: scale(1.06); }
}

/* Static dashed routes read as "nothing runs"; a dash flow is the flat sweep.
   -27 is three whole 5+4 dash periods, so the loop has no seam. */
.pg-maw-flow { animation: pg-maw-flow 1.8s linear infinite; }
@keyframes pg-maw-flow { to { stroke-dashoffset: -27; } }

/* flat.css kills animation globally under reduce; these make the resting state the
   readable one rather than relying on a snapped first frame. */
@media (prefers-reduced-motion: reduce) {
  .pg-maw-ring { animation: none; opacity: 0; }
  .pg-maw-flow { animation: none; stroke-dashoffset: 0; }
}