@media (min-width: 886px) {
    .left-sidebar {
        flex-direction: row-reverse;
    }
}

@media (max-width: 886px) {
    .wp-block-query .wp-block-post-template {
        grid-template-columns: 1fr;
    }

    .wp-block-columns,
    .wp-block-media-text {
        flex-direction: column;
    }

    .wp-block-comment-template .wp-block-comment .wp-block-comment {
        margin-left: 1rem;

        .wp-block-comment {
            margin-left: 0.5rem;
        }

        .comment-item::before {
            left: -1rem;
            width: 0.75rem;
        }
    }
}