/* Blog post content typography */
.prose {
  color: #374151;
  max-width: 65ch;
}

.prose h2 {
  color: #111827;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  line-height: 1.3333333;
}

.prose h3 {
  color: #111827;
  font-weight: 600;
  font-size: 1.25rem;
  margin-top: 1.6rem;
  margin-bottom: 0.6rem;
  line-height: 1.6;
}

.prose p {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  line-height: 1.75;
}

.prose ul,
.prose ol {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding-left: 1.625rem;
}

.prose li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prose strong {
  color: #111827;
  font-weight: 600;
}

.prose a {
  color: #2563eb;
  text-decoration: underline;
  font-weight: 500;
}

.prose a:hover {
  color: #1d4ed8;
}

/* Dark mode support */
.dark .prose {
  color: #d1d5db;
}

.dark .prose h2,
.dark .prose h3 {
  color: #f9fafb;
}

.dark .prose strong {
  color: #f9fafb;
}

.dark .prose a {
  color: #60a5fa;
}

.dark .prose a:hover {
  color: #93c5fd;
}