/*
==========================================================================
    Component: Overview Data (Layout)
==========================================================================
*/
.overview-data-grid {
    display: grid;
    gap: 2em 2.5em;
}

/* --- Responsive Styles --- */
@media (max-width: 1141px) {
    .overview-data-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1142px) {
    .overview-data-grid {
        gap: 0.8em 2.5em;
        grid-template-columns: repeat(3, 1fr);
    }
}