/*
 * Safe single article refinements.
 *
 * This file fixes overflow and improves reading comfort without replacing
 * Zibll's single-post layout, sidebar, metadata, comments, or actions.
 */

body.xkmcm-single-article .content-wrap,
body.xkmcm-single-article .content-layout,
body.xkmcm-single-article .article,
body.xkmcm-single-article .article-content,
body.xkmcm-single-article .wp-posts-content,
body.xkmcm-single-article #comments {
    min-width: 0;
}

body.xkmcm-single-article .wp-posts-content {
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.82;
}

body.xkmcm-single-article .wp-posts-content > * {
    max-width: 100%;
}

body.xkmcm-single-article .wp-posts-content img,
body.xkmcm-single-article .wp-posts-content video,
body.xkmcm-single-article .wp-posts-content iframe,
body.xkmcm-single-article .wp-posts-content canvas,
body.xkmcm-single-article .wp-posts-content svg {
    max-width: 100%;
}

body.xkmcm-single-article .wp-posts-content img,
body.xkmcm-single-article .wp-posts-content .wp-block-image img {
    height: auto;
}

body.xkmcm-single-article .wp-posts-content figure {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}

body.xkmcm-single-article .wp-posts-content table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
}

body.xkmcm-single-article .wp-posts-content pre,
body.xkmcm-single-article .wp-posts-content .wp-block-code {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.xkmcm-single-article .wp-posts-content code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

body.xkmcm-single-article .wp-posts-content pre code {
    white-space: pre;
}

body.xkmcm-single-article .article-tags,
body.xkmcm-single-article .post-actions,
body.xkmcm-single-article .comment-list,
body.xkmcm-single-article .posts-nav-box,
body.xkmcm-single-article .posts-nav-lists {
    max-width: 100%;
}

body.xkmcm-single-article .article-tags {
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    body.xkmcm-single-article .wp-posts-content {
        line-height: 1.76;
    }

    body.xkmcm-single-article .single-metabox .post-metas {
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}