/* Tailwind CSS v4 Safelist - Explicitly include classes that aren't being detected */

/* Spacing classes */
.px-4 { padding-inline: 1rem; }
.pt-8 { padding-top: 2rem; }
.mb-12 { margin-bottom: 3rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-16 { margin-bottom: 4rem; }
.mb-8 { margin-bottom: 2rem; }
.p-6 { padding: 1.5rem; }
.mt-4 { margin-top: 1rem; }
.mt-16 { margin-top: 4rem; }
.mr-2 { margin-right: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.px-6 { padding-inline: 1.5rem; }
.py-3 { padding-block: 0.75rem; }

/* Layout classes */
.gap-8 { gap: 2rem; }
.space-y-4 > * + * { margin-top: 1rem; }
.space-x-8 > * + * { margin-left: 2rem; }

/* Sizing classes */
.h-32 { height: 8rem; }
.w-auto { width: auto; }

/* Custom colors */
.text-\[#fcec60\] { color: #fcec60; }
.text-\[#9abef4\] { color: #9abef4; }
.bg-\[#fcec60\] { background-color: #fcec60; }

/* Hover states */
.hover\:text-\[#fcec60\]:hover { color: #fcec60; }
.hover\:text-\[#9abef4\]:hover { color: #9abef4; }

/* Focus states */
.focus\:border-\[#fcec60\]:focus { border-color: #fcec60; }
.focus\:ring-\[#fcec60\]:focus { --tw-ring-color: #fcec60; }

/* Responsive classes */
@media (min-width: 48rem) {
  .md\:text-5xl { font-size: 3rem; line-height: 1; }
  .md\:text-3xl { font-size: 1.875rem; line-height: 2.25; }
  .md\:text-2xl { font-size: 1.5rem; line-height: 2; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}