/* Minimal utilities placeholder; replace with real Tailwind build later */
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}
.min-h-screen{min-height:100vh}
.bg-white{background-color:#fff}
.text-gray-900{color:#111827}
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-gray-200{border-color:#e5e7eb}
.rounded{border-radius:0.5rem}
.p-4{padding:1rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.mt-1{margin-top:0.25rem}
.mt-2{margin-top:0.5rem}
.mb-4{margin-bottom:1rem}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
/* Responsive breakpoints */
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gap-4{gap:1rem}
.max-w-6xl{max-width:72rem}
.mx-auto{margin-left:auto;margin-right:auto}
.flex{display:flex}
.flex-col{flex-direction:column}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.text-center{text-align:center}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.text-xl{font-size:1.25rem}
.text-2xl{font-size:1.5rem}
.text-sm{font-size:0.875rem}
.text-xs{font-size:0.75rem}
.uppercase{text-transform:uppercase}
.text-gray-500{color:#6b7280}
.hover\:underline:hover{text-decoration:underline}
.hover\:bg-gray-50:hover{background-color:#f9fafb}
.transition{transition:all .15s}