/* MPU POST GRID – responsive styles
   Uses CSS custom property --mpu-cols to scale the grid.
   grid-auto-rows is calculated from --mpu-cols, so changing the variable
   automatically adjusts both columns AND row heights (keeping square cells). */

/* Medium screens: 3 columns */
@media (max-width: 1199px) {
    .posts_container.mpu-grid_wrap {
        --mpu-cols: 3;
    }
}

/* Small screens: 2 columns */
@media (max-width: 767px) {
    .posts_container.mpu-grid_wrap {
        --mpu-cols: 2;
    }
    .mpu-grid-card__title {
        font-size: 10px;
    }
    .mpu_grid_first .mpu-grid-card__title {
        font-size: 13px;
    }
}