.blog-detail-page {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
}

.blog-detail-title {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(1.8rem, 4.2vw, 3.8rem);
    white-space: normal;
}

.blog-detail-page .blog-detail-hero,
.blog-detail-page .blog-article,
.blog-detail-page .blog-conversion,
.blog-detail-page .blog-related {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
}

.blog-detail-page .blog-article-shell {
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .blog-article-content .blog-table--scroll {
        display: table;
        max-width: none;
        overflow: visible;
        white-space: normal;
    }

    .blog-article-content .blog-table--scroll th,
    .blog-article-content .blog-table--scroll td {
        min-width: 0;
    }
}

@media (max-width: 767.98px) {
    .blog-article-content .blog-table--cards td:first-child::before {
        display: none;
        content: none;
    }

    .blog-article-content .blog-table--scroll {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .blog-article-content .blog-table--scroll th,
    .blog-article-content .blog-table--scroll td {
        min-width: 140px;
        white-space: normal;
    }
}

@media (max-width: 575.98px) {
    .blog-detail-title {
        font-size: clamp(1.45rem, 8vw, 2.1rem);
    }

    .blog-detail-page .fp-hero-badges .col-6 {
        width: 100%;
    }
}