.blog-content {
  @apply prose prose-lg max-w-none;
}

.blog-content h1 {
  @apply text-3xl font-bold mb-6 text-gray-900;
}

.blog-content h2 {
  @apply text-2xl font-semibold mb-4 text-gray-800;
}

.blog-content h3 {
  @apply text-xl font-medium mb-3 text-gray-700;
}

.blog-content p {
  @apply mb-4 text-gray-600 leading-relaxed;
}

.blog-content ul {
  @apply list-disc list-inside mb-4 text-gray-600;
}

.blog-content ol {
  @apply list-decimal list-inside mb-4 text-gray-600;
}

.blog-content blockquote {
  @apply border-l-4 border-blue-500 pl-4 italic text-gray-700 mb-4;
}

.blog-content img {
  @apply rounded-lg shadow-md mb-4;
}

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