/* ==========================================================================
   Years Since Counter — Styles
   ========================================================================== */

/* Container: alle Kinder in einer Zeile, baseline-aligned
   WICHTIG: nur ein einziger .ysc-counter Block, damit keine Regel
   eine andere überschreibt (insb. display) */
.ysc-counter {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline;
    flex-wrap: nowrap;
    line-height: 1;
    animation: ysc-fade-in 0.5s ease both;
}

.ysc-prefix {
    display: inline-block;
    margin-right: 0.12em;
}

.ysc-number {
    display: inline-block;
    font-variant-numeric: tabular-nums;
    transition: transform 0.05s ease-out;
}

.ysc-number.ysc-tick {
    transform: scale(1.04);
}

.ysc-suffix {
    display: inline-block;
    margin-left: 0.08em;
}

.ysc-label {
    display: inline-block;
    margin-left: 0.3em;
}

/* Einblend-Animation beim Start */
@keyframes ysc-fade-in {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}