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

@layer base {
  body { @apply antialiased text-gray-900 bg-gray-50; }
  * { box-sizing: border-box; }
}

@layer utilities {
  .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .prose p { @apply mb-4; }
  .prose h1 { @apply text-2xl font-semibold mb-4 mt-6; }
  .prose h2 { @apply text-xl font-semibold mb-3 mt-5; }
  .prose h3 { @apply text-lg font-medium mb-2 mt-4; }
  .prose ul { @apply list-disc pl-5 mb-4 space-y-1; }
  .prose ol { @apply list-decimal pl-5 mb-4 space-y-1; }
  .prose strong { @apply font-semibold; }
  .prose code { @apply font-mono text-sm bg-gray-100 rounded px-1; }
  .prose blockquote { @apply border-l-4 border-gray-200 pl-4 italic text-gray-500; }
}
