.spx-countdown {
    display: inline;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cd-days {
    display: none;
}

.cd-days.visible {
    display: inline;
}

.cd-lbl {
    font-size: 0.75em;
    opacity: 0.65;
    margin-left: 0.05em;
}

.cd-val {
    font-variant-numeric: tabular-nums;
}

/* Optional standalone block style when not used inline */
.spx-countdown.block {
    display: inline-flex;
    gap: 0.6em;
    align-items: baseline;
}

.spx-countdown.block .cd-days,
.spx-countdown.block .cd-hours,
.spx-countdown.block .cd-minutes,
.spx-countdown.block .cd-seconds {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1em;
}

.spx-countdown.block .cd-val {
    font-size: 2em;
    font-family: 'BOLD', sans-serif;
    line-height: 1;
}

.spx-countdown.block .cd-lbl {
    font-size: 0.65em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    opacity: 0.55;
    margin-left: 0;
}

.spx-countdown.expired::after {
    content: attr(data-expired-label);
}