/* =====================================================
   Real Estate Article Layout
   Safe for HTML Editor Content (Word / Summernote)
   ===================================================== */

/* Page Section */
.realestate-article {
    background: linear-gradient(180deg, #f5f7fa, #ffffff);
    padding: 40px 0;
}

    /* Content Card */
    .realestate-article .flat-blog-detail {
        max-width: 980px;
        margin: auto;
        background: #ffffff;
        padding: 40px;
        border-radius: 22px;
        box-shadow: 0 20px 45px rgba(0,0,0,.08);
        font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.85;
        color: #2c2c2c;
    }

        /* Paragraph Cleanup */
        .realestate-article .flat-blog-detail p {
            margin: 0 0 1rem;
        }

            /* Intro Paragraph */
            .realestate-article .flat-blog-detail p:first-of-type {
                font-size: 1.05rem;
                font-weight: 500;
                color: #444;
            }

        /* Remove Word Classes */
        .realestate-article .flat-blog-detail .MsoNormal {
            margin-bottom: 1rem !important;
        }

        /* Hide Empty Junk */
        .realestate-article .flat-blog-detail p:empty,
        .realestate-article .flat-blog-detail span:empty {
            display: none;
        }

        /* Images (Hero / Inline) */
        .realestate-article .flat-blog-detail img {
            width: 100% !important;
            max-width: 100%;
            height: auto;
            display: block;
            margin-bottom: 2rem;
            border-radius: 18px;
            box-shadow: 0 18px 35px rgba(0,0,0,.12);
        }

        /* Section Headings (from <p><b>) */
        .realestate-article .flat-blog-detail p > b {
            display: block;
            font-size: 1.45rem;
            font-weight: 700;
            margin: 2.5rem 0 1.2rem;
            color: #0d3b66;
            border-left: 5px solid #fd5604;
            padding-left: 14px;
        }

        /* Highlighted Text */
        .realestate-article .flat-blog-detail strong,
        .realestate-article .flat-blog-detail b {
            color: #fd5604;
        }

        /* Lists */
        .realestate-article .flat-blog-detail ul {
            padding-left: 1.5rem;
            margin: 1.5rem 0;
            list-style: disc !important;
            list-style-type: disc !important;
        }

            .realestate-article .flat-blog-detail ul li {
                margin-bottom: 12px;
                line-height: 1.7;
            }

                .realestate-article .flat-blog-detail ul li::marker {
                    color: #fd5604;
                    font-weight: bold;
                }
.flat-blog-detail .meta-blog {
    margin: 0 !important;
    padding: 0 !important;
}
/* Highlight Box (Optional Class from Editor) */
.realestate-article .highlight {
    background: #f0f7ff;
    border-left: 5px solid #fd5604;
    padding: 16px;
    border-radius: 12px;
    margin: 1.5rem 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .realestate-article .flat-blog-detail {
        padding: 24px;
        font-size: 15px;
    }

        .realestate-article .flat-blog-detail p > b {
            font-size: 1.25rem;
        }
}