/* Tailwind v4 @source workaround: responsive grid utilities */
/* Loaded AFTER main.css to bypass Tailwind processing */

@media (min-width: 40rem) {
    .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (min-width: 48rem) {
    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (min-width: 64rem) {
    .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    .lg\:col-span-3 { grid-column: span 3 / span 3 !important; }
    .lg\:col-span-2 { grid-column: span 2 / span 2 !important; }
    .lg\:col-span-1 { grid-column: span 1 / span 1 !important; }
    .lg\:block { display: block !important; }
    .lg\:hidden { display: none !important; }
}

@media not all and (min-width: 64rem) {
    .max-lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
    .max-lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}