/* Fix blog grid spacing on mobile phones */
@media screen and (max-width: 767px) {
    /* Force the grid container to stack vertically */
    .blog-grid, .wp-block-query, .posts-loop {
        display: flex !important;
        flex-direction: column !important;
        gap: 25px !important; //
    }

    /* Ensure individual post items take up full width */
    .post-item, .wp-block-post {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
}