.article-list{--col-min-width: 163px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--col-min-width),1fr));gap:32px 10px}.article-list__card{display:block;font-weight:500}.article-list__img{display:block;margin-bottom:10px;width:100%;border-radius:16px}.article-list__date{display:block;margin-bottom:.2em;font-size:.8em;font-weight:400;color:#555}@media(min-width:576px){.article-list{column-gap:32px;--col-min-width: 205px}}@media(hover){.article-list__card:hover{color:#09e}}