/* Step98 — user blog message isolation, cleaner article typography, no duplicate author card. */

/* Article text: compact modern blog rhythm, especially on phones. */
.blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: 19px !important;
    line-height: 1.58 !important;
    letter-spacing: -0.008em !important;
    color: #202124 !important;
}

.blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content p {
    margin: 0 0 .9em !important;
    line-height: 1.58 !important;
}

.blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content p:last-child {
    margin-bottom: 0 !important;
}

.blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content br {
    line-height: 1.25 !important;
}

/* CKEditor sometimes saves visually empty paragraphs; don't turn them into huge gaps. */
.blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content p:empty {
    display: none !important;
}

/* Author card was intentionally removed; related posts can use the full row. */
.blog-afterpost-grid {
    grid-template-columns: minmax(0, 1fr) !important;
}

.blog-afterpost-grid .blog-related-box {
    width: 100% !important;
}

/* Only a blog-specific flash message can appear above a user blog post. */
.site-messages--userblogs:empty { display: none !important; }

@media (max-width: 760px) {
    .blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content {
        font-size: 18px !important;
        line-height: 1.52 !important;
        letter-spacing: -0.006em !important;
    }

    .blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content p {
        margin-bottom: .82em !important;
        line-height: 1.52 !important;
    }
}