.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}}.article-list.hs-mode{background:#faf8ff;padding-bottom:4rem}.article-list.hs-mode .article-list__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;justify-items:center}@media(max-width:1024px){.article-list.hs-mode .article-list__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.article-list.hs-mode .article-list__items{grid-template-columns:1fr}}.article-list.hs-mode .article-list__items .article-card{width:100%;max-width:420px}.article-list.hs-mode .article-card{border-radius:18px;border:1px solid rgba(123,44,191,.15);box-shadow:0 6px 18px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease;background-color:#fff}.article-list.hs-mode .article-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.1)}.article-list.hs-mode .article-card .article-card__title{color:#7b2cbf}.article-list.hs-mode .article-card .article-card__summary{color:#4a2f63}.article-list.hs-mode .pagination{margin-top:3rem}.article-list.hs-mode .pagination__link{border:1px solid #7b2cbf;color:#7b2cbf;border-radius:8px;transition:all .2s ease}.article-list.hs-mode .pagination__link:hover{background:linear-gradient(90deg,#f6c441,#e0509c,#7b2cbf);color:#fff;border-color:transparent}.article-list.hs-mode .pagination__link--active{background:linear-gradient(90deg,#f6c441,#e0509c,#7b2cbf);color:#fff;font-weight:600}.article-list.hs-mode .article-list__empty-state,.article-list.hs-mode .article-list__error{color:#7b2cbf}.article-list.hs-mode .article-list__empty-state svg,.article-list.hs-mode .article-list__error svg{stroke:#e0509c}