body.blog-page .blog-post-view .page-title-wrapper,
body.blog-page .blog-post-view .page.main.title,
body.blog-page .post-view-modern .page-title-wrapper,
body.blog-page .post-view-modern .page.main.title {
    display: none !important;
}

/* Center the complete article layout */
body.blog-page.blog-post-view .columns {
    display: block !important;
}
body.blog-page.blog-post-view .column.main {
    float: none !important;
    width: 100% !important;
    max-width: 1160px !important;
    margin: 0 auto 48px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box;
}
body.blog-page.blog-post-view .sidebar-main,
body.blog-page.blog-post-view .sidebar-additional {
    display: none !important;
}
body.blog-page.blog-post-view .post-view-modern,
body.blog-page.blog-post-view .post-view-modern > .post-holder {
    width: 100%;
    max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.blog-page .blog-post-view .post-featured-image,
body.blog-page .post-view-modern .post-featured-image {
    display: block !important;
    width: 100%;
    margin: 18px auto 34px;
    overflow: hidden;
    border-radius: 0;
    background: transparent;
}
body.blog-page .blog-post-view .post-featured-image img,
body.blog-page .post-view-modern .post-featured-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto !important;
    max-height: 500px;
    margin: 0 auto;
    object-fit: contain;
}

body.blog-page .blog-post-view .post-header .post-category,
body.blog-page .blog-post-view h1.page-title,
body.blog-page .post-view-modern .post-header .post-category,
body.blog-page .post-view-modern .post-header h1,
body.blog-page .post-view-modern .post-header .post-title {
    display: none !important;
}

/* Post content: readable width and base spacing */
body.blog-page .blog-post-view .post-content .post-description,
body.blog-page .post-view-modern .post-content .post-description {
    max-width: 100%;
    line-height: 1.6;
}

body.blog-page .blog-post-view .post-content .post-description h1,
body.blog-page .blog-post-view .post-content .post-description h2,
body.blog-page .blog-post-view .post-content .post-description h3,
body.blog-page .blog-post-view .post-content .post-description h4,
body.blog-page .blog-post-view .post-content .post-description h5,
body.blog-page .blog-post-view .post-content .post-description h6,
body.blog-page .post-view-modern .post-content .post-description h1,
body.blog-page .post-view-modern .post-content .post-description h2,
body.blog-page .post-view-modern .post-content .post-description h3,
body.blog-page .post-view-modern .post-content .post-description h4,
body.blog-page .post-view-modern .post-content .post-description h5,
body.blog-page .post-view-modern .post-content .post-description h6 {
    line-height: 1.3;
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    font-weight: 600;
}

/* Mobile: smaller headings and tighter spacing */
@media (max-width: 991px) {
    body.blog-page .blog-post-view .post-content .post-description h1,
    body.blog-page .post-view-modern .post-content .post-description h1 {
        font-size: 1.5rem !important;
        margin-top: 1.1em;
        margin-bottom: 0.4em;
    }
    body.blog-page .blog-post-view .post-content .post-description h2,
    body.blog-page .post-view-modern .post-content .post-description h2 {
        font-size: 1.35rem !important;
        margin-top: 1em;
        margin-bottom: 0.35em;
    }
    body.blog-page .blog-post-view .post-content .post-description h3,
    body.blog-page .post-view-modern .post-content .post-description h3 {
        font-size: 1.2rem !important;
        margin-top: 0.95em;
        margin-bottom: 0.35em;
    }
    body.blog-page .blog-post-view .post-content .post-description h4,
    body.blog-page .blog-post-view .post-content .post-description h5,
    body.blog-page .blog-post-view .post-content .post-description h6,
    body.blog-page .post-view-modern .post-content .post-description h4,
    body.blog-page .post-view-modern .post-content .post-description h5,
    body.blog-page .post-view-modern .post-content .post-description h6 {
        font-size: 1.1rem !important;
        margin-top: 0.9em;
        margin-bottom: 0.3em;
    }
    body.blog-page .blog-post-view .post-content .post-description p,
    body.blog-page .post-view-modern .post-content .post-description p {
        margin-bottom: 0.9em;
    }
    body.blog-page .blog-post-view .post-data-wrap,
    body.blog-page .post-view-modern .post-data-wrap {
        font-size: 0.9rem;
        margin-bottom: 1rem !important;
    }
}

@media (max-width: 767px) {
    body.blog-page.blog-post-view .column.main {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    body.blog-page .blog-post-view .post-content .post-description h1,
    body.blog-page .post-view-modern .post-content .post-description h1 {
        font-size: 1.35rem !important;
        margin-top: 1em;
        margin-bottom: 0.35em;
    }
    body.blog-page .blog-post-view .post-content .post-description h2,
    body.blog-page .post-view-modern .post-content .post-description h2 {
        font-size: 1.2rem !important;
        margin-top: 0.9em;
        margin-bottom: 0.3em;
    }
    body.blog-page .blog-post-view .post-content .post-description h3,
    body.blog-page .post-view-modern .post-content .post-description h3 {
        font-size: 1.1rem !important;
        margin-top: 0.85em;
        margin-bottom: 0.3em;
    }
    body.blog-page .blog-post-view .post-content .post-description h4,
    body.blog-page .blog-post-view .post-content .post-description h5,
    body.blog-page .blog-post-view .post-content .post-description h6,
    body.blog-page .post-view-modern .post-content .post-description h4,
    body.blog-page .post-view-modern .post-content .post-description h5,
    body.blog-page .post-view-modern .post-content .post-description h6 {
        font-size: 1.05rem !important;
        margin-top: 0.8em;
        margin-bottom: 0.25em;
    }
    body.blog-page .blog-post-view .post-content .post-description,
    body.blog-page .post-view-modern .post-content .post-description {
        padding-left: 0;
        padding-right: 0;
    }
    body.blog-page .blog-post-view .post-content .post-description p,
    body.blog-page .post-view-modern .post-content .post-description p {
        margin-bottom: 0.85em;
    }
    body.blog-page .blog-post-view .post-holder,
    body.blog-page .post-view-modern .post-holder {
        padding-left: 0;
        padding-right: 0;
    }
}
