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

/* Custom utilities */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Prose styling for blog content */
.prose h1 {
    @apply text-3xl font-bold text-gray-900 mb-4 mt-6;
}

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

.prose h3 {
    @apply text-xl font-semibold text-gray-900 mb-3 mt-4;
}

.prose h4 {
    @apply text-lg font-semibold text-gray-900 mb-2 mt-4;
}

.prose p {
    @apply text-gray-700 mb-4 leading-relaxed;
}

.prose ul {
    @apply list-disc list-inside mb-4 space-y-1;
}

.prose ol {
    @apply list-decimal list-inside mb-4 space-y-1;
}

.prose li {
    @apply text-gray-700;
}

.prose strong {
    @apply font-semibold text-gray-900;
}

.prose em {
    @apply italic;
}

.prose blockquote {
    @apply border-l-4 border-blue-500 pl-4 italic text-gray-600 mb-4;
}

.prose code {
    @apply bg-gray-100 px-1 py-0.5 rounded text-sm font-mono;
}

.prose pre {
    @apply bg-gray-100 p-4 rounded-lg overflow-x-auto mb-4;
}

.prose a {
    @apply text-blue-600 hover:text-blue-800 underline;
}
