/* Custom styles for the blog */
.prose {
  max-width: none;
}

.prose h1 {
  @apply text-3xl font-bold text-gray-900 mb-4;
}

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

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

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

.prose ul {
  @apply list-disc pl-6 mb-4 text-gray-700;
}

.prose ol {
  @apply list-decimal pl-6 mb-4 text-gray-700;
}

.prose li {
  @apply mb-1;
}

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

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

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

.prose pre code {
  @apply bg-transparent p-0;
}

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

.prose strong {
  @apply font-bold;
}

.prose em {
  @apply italic;
}

/* Loading state */
.loading {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}

/* Post card styles */
.post-card {
  @apply bg-white rounded-lg shadow-sm border p-6 hover:shadow-md transition-shadow;
}

.post-card h3 {
  @apply text-xl font-bold mb-2 text-gray-900;
}

.post-card .excerpt {
  @apply text-gray-600 mb-3 line-clamp-3;
}

.post-card .meta {
  @apply text-sm text-gray-500;
}

/* Responsive design */
@media (max-width: 768px) {
  .prose h1 {
    @apply text-2xl;
  }
  
  .prose h2 {
    @apply text-xl;
  }
  
  .prose h3 {
    @apply text-lg;
  }
}