/* Blog Details Page Styles */

/* H2 Font Size */
.blog-details .blog-content h2,
.blog-details-post .blog-content h2,
.blog-content-section.blog-details .blog-content h2 {
    font-size: 38px;
    line-height: 1.3;
    margin-top: 30px;
    margin-bottom: 25px;
}

/* Ensure consistent styling for all blog content H2 */
.blog-details-post h2 {
    font-size: 38px;
}

/* H3 Font Size */
.blog-details .blog-content h3,
.blog-details-post .blog-content h3,
.blog-content-section.blog-details .blog-content h3 {
    font-size: 28px;
    line-height: 1.4;
    margin-top: 25px;
    margin-bottom: 20px;
}

/* Ensure consistent styling for all blog content H3 */
.blog-details-post h3 {
    font-size: 28px;
}

/* Preserve line breaks and paragraph spacing in blog content */
.blog-details-post .blog-content p {
    margin-bottom: 0.5em;  /* Reduced from 1em */
    line-height: 1.5;      /* Reduced from 1.6 */
}

/* Preserve empty paragraphs with non-breaking spaces */
.blog-details-post .blog-content p:empty,
.blog-details-post .blog-content p:has(br):only-child {
    min-height: 0.5em;     /* Reduced from 1em */
    margin-bottom: 0.5em;  /* Reduced from 1em */
}

/* Ensure line breaks are visible */
.blog-details-post .blog-content br {
    display: block;
    content: "";
    margin-top: 0.25em;    /* Reduced from 0.5em */
}

/* Handle consecutive paragraphs */
.blog-details-post .blog-content p + p {
    margin-top: 0.5em;     /* Reduced from 1em */
}