/*
==========================================================================
    Component: Reusable Counter
==========================================================================
*/
.counter-block {
    text-align: left;
    /* font-family now inherited from design system classes */
    /* color now inherited from design system classes */
}

.counter-block-number {
    font-weight: normal;
    /* color now applied via theme-colour class */
    letter-spacing: -0.6px;
}

.counter-block-label {
    /* font-size, font-family, and color now inherited from design system classes */
    line-height: 1.4em;
}



.key-result-counter .counter-block-number {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.key-result-counter .counter-display {
    /* font-size, font-family, and color now inherited from design system classes */
    font-weight: normal;
}

.key-result-counter .counter-block-value {
    font-weight: inherit;
}





/* --- Theme Color Support --- */
/* Theme color styling now handled by content-theme-overrides system */

/* --- Responsive Styles --- */
@media (max-width: 1141px) {
    .counter-block-number {
        /* font-size now inherited from design system classes */
        /* spacing now consistent - no extra padding */
    }
}

@media (min-width: 1142px) {
    .counter-block {
        padding: 0.6em 0em 1.2em 0em;
    }
    .counter-block-number {
        /* font-size now inherited from design system classes */
        /* spacing now consistent - no extra padding */
    }
}

@media (min-width: 1601px) {
    .counter-block {
        padding: 1em 0em;
    }
}