.CategoryArticleSection {
    display: grid;
}

.CategoryArticleContainer {
    display: grid;
    gap: 20px;
}

/* 横3のグリッド */
@media (min-width: 600px) {
    .CategoryArticleContainer {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 縦グリッド（幅が狭い画面用） */
@media (max-width: 599px) {
    .CategoryArticleContainer {
        grid-template-columns: 1fr;
    }
}