/* Minimal utility compatibility for classes that were previously provided by the Tailwind CDN. */
.min-h-screen { min-height: 100vh; }
.bg-\[var\(--bg\)\] { background: var(--bg); }
.text-\[var\(--text\)\] { color: var(--text); }
.mx-auto { margin-left: auto; margin-right: auto; }
.max-w-xl { max-width: 36rem; }
.p-8 { padding: 2rem; }
.grid { display: grid; }
.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-3 { gap: .75rem; }
.mb-4 { margin-bottom: 1rem; }
.mt-3 { margin-top: .75rem; }
.text-center { text-align: center; }

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

.mt-6 { margin-top: 1.5rem; }
.gap-5 { gap: 1.25rem; }
.mr-auto { margin-right: auto; }