/* ============================================================
   Mavericks Eduversee — Front Blog List/Typography Fix (v144)
   Scope: public blog/article content only.
   Fixes list items created by CMS editor where <li> contains
   multiple <p> tags, causing numbers/bullets and text to look
   up-down with very large gaps on frontend.
   ============================================================ */

.blog-detail-section .blog-content-prose ul,
.blog-detail-section .blog-content-prose ol,
.blog-content-prose ul,
.blog-content-prose ol,
.prose ul,
.prose ol,
article .blog-content-prose ul,
article .blog-content-prose ol {
  margin-top: 16px !important;
  margin-bottom: 18px !important;
}

.blog-detail-section .blog-content-prose ul > li,
.blog-detail-section .blog-content-prose ol > li,
.blog-content-prose ul > li,
.blog-content-prose ol > li,
.prose ul > li,
.prose ol > li,
article .blog-content-prose ul > li,
article .blog-content-prose ol > li {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  line-height: 1.62 !important;
  font-size: 17px !important;
  vertical-align: top !important;
}

/* Main fix: CMS sometimes saves list text as separate paragraphs inside one <li>.
   Paragraph margins were creating the huge up/down gap visible on the front page. */
.blog-detail-section .blog-content-prose li > p,
.blog-content-prose li > p,
.prose li > p,
article .blog-content-prose li > p {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

.blog-detail-section .blog-content-prose li > p + p::before,
.blog-content-prose li > p + p::before,
.prose li > p + p::before,
article .blog-content-prose li > p + p::before {
  content: " " !important;
  white-space: pre !important;
}

/* Remove accidental hard breaks inside list items created while editing. */
.blog-detail-section .blog-content-prose li > br,
.blog-content-prose li > br,
.prose li > br,
article .blog-content-prose li > br {
  display: none !important;
}

/* Keep custom bullets/numbers aligned with the first text line. */
.blog-detail-section .blog-content-prose ul > li::before,
.blog-content-prose ul > li::before,
.prose ul > li::before,
article .blog-content-prose ul > li::before {
  top: 0.78em !important;
}

.blog-detail-section .blog-content-prose ol > li::before,
.blog-content-prose ol > li::before,
.prose ol > li::before,
article .blog-content-prose ol > li::before {
  top: 0.12em !important;
}

.blog-detail-section .blog-content-prose li strong,
.blog-detail-section .blog-content-prose li b,
.blog-content-prose li strong,
.blog-content-prose li b,
.prose li strong,
.prose li b,
article .blog-content-prose li strong,
article .blog-content-prose li b {
  font-weight: 700 !important;
}

@media (max-width: 640px) {
  .blog-detail-section .blog-content-prose ul > li,
  .blog-detail-section .blog-content-prose ol > li,
  .blog-content-prose ul > li,
  .blog-content-prose ol > li,
  .prose ul > li,
  .prose ol > li,
  article .blog-content-prose ul > li,
  article .blog-content-prose ol > li {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  .blog-detail-section .blog-content-prose ol > li::before,
  .blog-content-prose ol > li::before,
  .prose ol > li::before,
  article .blog-content-prose ol > li::before {
    top: 0.08em !important;
  }
}