/* 1. Force the direct container to drop the 5-item horizontal flex rule */
.strict-two-columns div,
.strict-two-columns ul,
.strict-two-columns .mod-articlesnews {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
}

/* 2. Target whatever direct children are being used and reset their positioning */
.strict-two-columns div > *,
.strict-two-columns ul > *,
.strict-two-columns .mod-articlesnews > * {
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    display: block !important;
}

/* 3. Handle a single clean column layout for mobile viewports */
@media (max-width: 768px) {
    .strict-two-columns div,
    .strict-two-columns ul,
    .strict-two-columns .mod-articlesnews {
        grid-template-columns: 1fr !important;
    }
}