.cms-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    gap: 1rem;
}
.cms-stats--columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cms-stats--columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cms-stats--columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cms-stats__item {
    display: grid;
    padding: 1.2rem;
    border: 1px solid var(--cms-border);
    border-radius: .75rem;
}
.cms-stats__value,
.cms-stats__label,
.cms-stats__description {
    display: block;
    margin: 0;
}
.cms-stats__value {
    grid-row: 1;
    color: var(--cms-primary);
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1;
}
.cms-stats__label {
    grid-row: 2;
    margin-top: .55rem;
    font-weight: 750;
}
.cms-stats__description {
    grid-row: 3;
    margin-top: .45rem;
    color: var(--cms-muted);
}
.cms-stats--align-center { text-align: center; }
@media (max-width: 760px) {
    .cms-stats--columns-3,
    .cms-stats--columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    .cms-stats--columns-2,
    .cms-stats--columns-3,
    .cms-stats--columns-4 { grid-template-columns: 1fr; }
}

.preset-stats-band .cms-stats__item {
    border-color: rgb(255 255 255 / .24);
    background: rgb(255 255 255 / .08);
}
.preset-stats-band .cms-stats__value,
.preset-stats-band .cms-stats__label,
.preset-stats-band .cms-stats__description {
    color: inherit;
}