/* HWS Draw – SVG animiert beim Scrollen. Steuerung fast komplett per JS
   (inline styles), damit nichts hängen bleibt. Fallback ohne JS: sichtbar. */

.hws-draw {
  display: block;
  max-width: 320px;
  margin: 0;
  line-height: 0;
}
.hws-draw--left   { margin-right: auto; }
.hws-draw--center { margin-left: auto; margin-right: auto; }
.hws-draw--right  { margin-left: auto; }

.hws-draw svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

/* stroke: als Linie darstellen, sobald JS aktiv ist */
.hws-draw--stroke.is-armed svg path,
.hws-draw--stroke.is-armed svg line,
.hws-draw--stroke.is-armed svg polyline,
.hws-draw--stroke.is-armed svg polygon {
  fill: none;
  stroke: var(--hdrw-stroke, currentColor);
}

.hws-draw--wipe.is-armed { overflow: hidden; }