/* tailwind-local.css
   Local replacements for Tailwind utility classes confirmed in ISSE frontend/CMS content.
   This file is intentionally small; it is not the full Tailwind framework.
*/

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.grid {
    display: grid;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.gap-6 {
    gap: 1.5rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.relative {
    position: relative;
}

.aspect-video {
    aspect-ratio: 16 / 9;
}

.overflow-hidden {
    overflow: hidden;
}

.rounded-lg {
    border-radius: 0.5rem;
}

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