/* wiseDo Blog typography — restores article formatting */
/* The production CSS has no Tailwind Typography (.prose) rules and resets all */
/* margins to 0, so we define readable article styling here. Scoped to .prose. */

.prose {
  color: #c9ced8;
  font-size: 1.125rem;
  line-height: 1.8;
  font-family: Inter, system-ui, sans-serif;
}

/* Headings: serif, bold, with breathing room */
.prose h2 {
  font-family: Georgia, serif !important;
  font-size: 1.875rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
}

.prose h3 {
  font-family: Georgia, serif !important;
  font-size: 1.375rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  margin-top: 2rem !important;
  margin-bottom: 0.75rem !important;
}

/* Paragraphs */
.prose p {
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
}

/* Strong / emphasis */
.prose strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.prose em {
  font-style: italic !important;
}

/* Lists */
.prose ul,
.prose ol {
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.prose ul {
  list-style-type: disc !important;
}

.prose ol {
  list-style-type: decimal !important;
}

.prose li {
  margin-bottom: 0.5rem !important;
  padding-left: 0.25rem !important;
}

.prose li::marker {
  color: #D4AF37 !important;
}

/* Links */
.prose a {
  color: #D4AF37 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.prose a:hover {
  color: #E5C158 !important;
}

/* Horizontal rule */
.prose hr {
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  margin: 2.5rem 0 !important;
}

/* Blockquote (if used) */
.prose blockquote {
  border-left: 3px solid #D4AF37 !important;
  padding-left: 1rem !important;
  margin: 1.5rem 0 !important;
  color: #aab0bb !important;
  font-style: italic !important;
}

/* First heading shouldn't have a big top gap */
.prose > h2:first-child {
  margin-top: 0 !important;
}