/**
 * Stylesheet for KU Stats Banner Widget
 * Modern design built on Tailwind CSS, using CSS variables for grid columns.
 */

.ku-stats-grid {
    display: grid;
    grid-template-columns: repeat(var(--cols-mobile, 1), minmax(0, 1fr));
    width: 100%;
}

@media (min-width: 768px) {
    .ku-stats-grid {
        grid-template-columns: repeat(var(--cols-tablet, 2), minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .ku-stats-grid {
        grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
    }
}