.article-list__items,.article-list__loading{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;row-gap:6rem}.article-list__error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4rem;min-height:30vh}.article-list__error__icon{width:5rem;height:5rem;color:#888}.article-list__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;padding:20px;text-align:center}.article-list__empty-icon{width:5rem;height:5rem;color:#888}.pagination__content{display:flex;justify-content:center;margin-top:8rem}.pagination__item{margin:0 1rem}.pagination__link{padding:1.5rem 2rem;font-size:1.6rem;border:1px solid #ccc;border-radius:.5rem;text-decoration:none;color:#333}.pagination__link--active{background-color:#4cb19f;color:#fff}.pagination__next,.pagination__previous{padding:1.5rem 2rem;font-size:1.6rem;color:#4cb19f;border:1px solid #4cb19f;border-radius:.5rem;cursor:pointer;text-decoration:none}.pagination__next:hover,.pagination__previous:hover{background-color:#4cb19f;color:#fff}@media screen and (max-width:850px){.article-list__items{display:flex;flex-direction:column;gap:6rem}.article-list__loading{display:grid;grid-template-columns:1fr;gap:6rem}.pagination__content{display:flex;justify-content:center;margin-top:8rem}.pagination__item{margin:0 .2rem}.pagination__link{padding:1.5rem;font-size:1.4rem}.pagination__link--active{background-color:#4cb19f;color:#fff}.pagination__next,.pagination__previous{padding:1.5rem;font-size:1.6rem}}