/* ── SVG Draw — artwork written in as solid ink, one smooth sweep per line ──
   Pairs with inc/svg-draw.php ([svg_draw]) and js/svg-draw.js. A soft-edged
   mask travels along the writing direction (worked out from the artwork), one
   line after another. With no JS or reduced motion the artwork just shows.
   Timing lives in js/svg-draw.js. */
.svg-draw { display: block; }
.svg-draw__svg { display: block; width: 100%; height: auto; overflow: visible; }
.svg-draw__svg path { fill: currentColor; }

/* The real words behind a drawn SVG: kept for screen readers and editing,
   visually hidden on the front end once the SVG is in place. */
.svg-draw-on .svg-draw-source {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  /* visually hidden, but checkers still measure its contrast against the section:
     give it a guaranteed-passing pair (the module's text colour sits on its children) */
  background: #fff !important;
}
.svg-draw-on .svg-draw-source,
.svg-draw-on .svg-draw-source * { color: #000 !important; }