/* Blog styling */

/* Ensure headings are properly displayed */
.prose h1 {
  font-size: 2.25rem !important; /* text-4xl */
  font-weight: 700 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1rem !important;
  color: #111827 !important; /* text-gray-900 */
  line-height: 1.2 !important;
}

.prose h2 {
  font-size: 1.875rem !important; /* text-3xl */
  font-weight: 700 !important;
  margin-top: 2rem !important;
  margin-bottom: 0.75rem !important;
  color: #111827 !important; /* text-gray-900 */
  line-height: 1.3 !important;
}

.prose h3 {
  font-size: 1.5rem !important; /* text-2xl */
  font-weight: 600 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem !important;
  color: #111827 !important; /* text-gray-900 */
}

.prose h4 {
  font-size: 1.25rem !important; /* text-xl */
  font-weight: 600 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem !important;
  color: #111827 !important; /* text-gray-900 */
}

/* Ensure lists are properly displayed */
.prose ul {
  list-style-type: disc !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-left: 1.5rem !important;
}

.prose ol {
  list-style-type: decimal !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-left: 1.5rem !important;
}

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

/* Ensure paragraphs have proper spacing */
.prose p {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  line-height: 1.7 !important;
}

/* Style for code blocks */
.prose pre {
  background-color: #f3f4f6 !important; /* bg-gray-100 */
  padding: 1rem !important;
  border-radius: 0.375rem !important;
  overflow-x: auto !important;
}

.prose code {
  background-color: #f3f4f6 !important; /* bg-gray-100 */
  padding: 0.125rem 0.25rem !important;
  border-radius: 0.25rem !important;
  font-size: 0.875rem !important;
}

/* Style for blockquotes */
.prose blockquote {
  border-left-width: 4px !important;
  border-left-color: #e5e7eb !important; /* border-gray-200 */
  padding-left: 1rem !important;
  font-style: italic !important;
  color: #4b5563 !important; /* text-gray-600 */
}

/* Style for horizontal rules */
.prose hr {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
  border-color: #e5e7eb !important; /* border-gray-200 */
}