/* kit/count-up — MIT, siehe LICENSE im selben Ordner. 0 Abhaengigkeiten.

   Nur eine Regel, und die ist keine Deko: Ziffern mit unterschiedlicher Breite
   lassen die Zahl beim Hochzaehlen zappeln, und in einer Zeile mit Text
   verschiebt das die ganze Zeile. tabular-nums gibt jeder Ziffer dieselbe
   Breite, damit waehrend des Zaehlens nichts wandert.

   Sie greift NUR waehrend des Laufs ([data-kit-count-run="run"]). Dauerhaft
   gesetzt waere tabular-nums eine Layout-Aenderung an fremdem Text — andere
   Glyphenbreiten heissen andere Zeilenumbrueche, und genau das darf dieses Kit
   nicht. Im Ruhezustand traegt die Huelle das Attribut leer und damit keinen
   einzigen Stil; sie ist dann ein <span> ohne Wirkung. */

[data-kit-count-run="run"] {
  font-variant-numeric: tabular-nums;
  /* Die Breite reserviert count-up.js zur Laufzeit (min-width in px, gemessen
     am fertigen String) und nimmt sie im letzten Bild wieder weg. In CSS
     laesst sie sich nicht ausdruecken: sie haengt an der Schriftgroesse, die
     bei clamp() vom Viewport abhaengt. */
  white-space: nowrap;
}

/* Rueckwaertskompatibel: wer eine Zahl von Hand mit data-kit-count markiert,
   hat sich bewusst fuer dieses Element entschieden. Diese Regel bleibt fuer
   solche Seiten stehen. apply-kit.mjs setzt das Attribut nicht — es bindet
   ueber kit-targets.js. */
[data-kit-count] {
  font-variant-numeric: tabular-nums;
}

/* Kein prefers-reduced-motion-Block noetig: count-up.js zaehlt bei reduzierter
   Bewegung gar nicht, setzt keine Huelle und laesst den Original-String
   unberuehrt stehen. Eine CSS-Regel kann eine laufende Zahl nicht zurueckdrehen
   — deshalb sitzt der Guard dort, wo er wirkt. */