.blog-article-content {
    overflow-wrap: anywhere;
}

.blog-article-content table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.blog-article-content thead,
.blog-article-content tbody,
.blog-article-content tr {
    white-space: nowrap;
}

.blog-article-content pre {
    max-width: 100%;
    overflow-x: auto;
}

.blog-article-content iframe,
.blog-article-content video,
.blog-article-content img,
.blog-article-content figure {
    max-width: 100%;
}

@media (max-width: 768px) {
    .blog-article-content table {
        font-size: 0.875rem;
    }

    .blog-article-content th,
    .blog-article-content td {
        padding: 0.625rem 0.75rem;
    }
}