/**
 * Blueprint Count-Up — Companion Stylesheet
 *
 * Stabilizes digit width during animation so the layout does not jitter
 * while the value counts up. Uses the OpenType `tnum` feature
 * (tabular numerals) which all common geometric / sans fonts support.
 *
 * `slashed-zero` is added defensively for fonts that include it; ignored
 * if the font lacks the feature. No visual cost.
 *
 * @package Blueprint
 * @since   1.21.10
 */

.bp-countup {
    font-feature-settings: "tnum" 1, "lnum" 1, "zero" 1;
    font-variant-numeric: tabular-nums lining-nums slashed-zero;
}

/* Reduced motion — JS already handles this, but if JS fails to load and the
 * element somehow becomes visible with an interim state, no transitions
 * should fire from any inherited animation context. */
@media (prefers-reduced-motion: reduce) {
    .bp-countup {
        transition: none !important;
    }
}