.article-main {
    width: min(1240px, calc(100% - 32px));
}

.article-card .blog-image-wrap {
    margin-bottom: 0;
}

.article-card .article-tablet-frame {
    max-width: min(100%, 860px);
    margin-left: auto;
    margin-right: auto;
}

.article-card .article-tablet-frame .blog-image-wrap {
    aspect-ratio: 744 / 440;
}

.article-content {
    max-width: 100%;
    text-align: left;
}

.article-content p {
    max-width: 980px;
    margin-left: 0;
    margin-right: 0;
}

.article-content > * {
    max-width: 980px;
}

@media (max-width: 767px) {
    .article-main {
        width: calc(100% - 20px);
    }

    .article-card .article-tablet-frame {
        max-width: 100%;
    }

    .article-content p {
        max-width: 100%;
    }
}