/* flat/pages/replace-your-wiki.css — page-only rules for the hero comparison drawing.
   Tokens only, prefix .pg-wiki-, zero box-shadow. Linked after flat/flat.css. */

/* The drawing is 416 units wide after the viewBox tighten; pinning it there holds it
   at drawn scale. At the system default 440px, 20 of its 25 labels measured 9.17px,
   under the 9.5px floor. */
.pg-wiki-viz { --viz-pin: 416px; }

/* seo-landing.css blinked this arrow with lp-pulse (opacity 1 -> 0.4, 2.4s). Blinking
   a 2-unit line reads as a fault; the flat idiom for "something travels this route" is
   a dash flow, and it carries the same meaning. -24 is two whole 6+6 dash periods, so
   the loop has no seam. */
.pg-wiki-flow { animation: pg-wiki-flow 1.6s linear infinite; }
@keyframes pg-wiki-flow { to { stroke-dashoffset: -24; } }

/* flat.css kills animation globally under reduce; this makes the resting state the
   readable one — the arrow drawn, pointing right — rather than a snapped first frame. */
@media (prefers-reduced-motion: reduce) {
  .pg-wiki-flow { animation: none; stroke-dashoffset: 0; }
}