.wpcu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    --wpcu-number-size: clamp(1.75rem, 3vw, 3rem);
    --wpcu-label-size: .95rem;
    --wpcu-weight: 700;
}

.wpcu-row {
    display: inline-flex;
    align-items: baseline;
    gap: .15rem;
    line-height: 1;
}

.wpcu-number {
    font-size: var(--wpcu-number-size);
    font-weight: var(--wpcu-weight);
}

.wpcu-prefix,
.wpcu-suffix {
    font-size: calc(var(--wpcu-number-size) * .6);
    font-weight: var(--wpcu-weight);
}

.wpcu-label {
    font-size: var(--wpcu-label-size);
    color: #555;
}

/* Dark Mode (optional) */
@media (prefers-color-scheme: dark) {
    .wpcu-label { color: #bbb; }
}