@tailwind base;
@tailwind components;
@tailwind utilities;

.prose {
  @apply leading-relaxed text-gray-800;
}

.prose h2 {
  @apply text-2xl font-bold text-gray-900;
}

.prose h3 {
  @apply mt-6 text-xl font-bold text-gray-800;
}

.prose p {
  @apply my-4;
}

.prose a {
  @apply text-blue-500 underline;
}

.prose ul {
  @apply pl-4 space-y-2 list-disc list-inside;
}

.prose ol {
  @apply pl-4 space-y-2 list-decimal list-inside;
}

.prose li {
  @apply ml-2;
}

.prose blockquote {
  @apply px-4 py-3 mb-6 italic text-gray-800 bg-gray-100 border-l-4 border-blue-500;
}

.prose code {
  @apply p-1 text-sm bg-gray-100 rounded;
}

.prose pre {
  @apply p-4 overflow-x-auto text-white bg-gray-900 rounded;
}