.article-list{--article-list-accent:var(--theme-color)}.article-list__items{flex-direction:column;gap:40px;margin:0;padding:0;list-style:none;display:flex}.article-list__item{grid-template-columns:470px minmax(0,1fr);align-items:start;gap:30px;display:grid}.article-list__media{aspect-ratio:470/311;background:var(--surface-color);display:block;overflow:hidden}.article-list__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.article-list__body{padding-top:10px}.article-list__date{color:var(--muted-color);margin-bottom:20px;font-size:16px;font-weight:600;line-height:20px;display:block}.article-list__title{margin:0;font-size:26px;line-height:35px}.article-list__link{color:var(--text-color);text-decoration:none}.article-list__link:hover{color:var(--article-list-accent)}.article-list__excerpt{color:var(--text-secondary-color);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:18px 0;font-size:18px;line-height:26px;display:-webkit-box;overflow:hidden}.article-list__more{color:var(--price-color);font-size:14px;font-weight:500}.article-list__pagination{margin:54px 0 14px}.article-list__empty{color:var(--muted-color)}@media (width<=768px){.article-list__items{gap:30px}.article-list__item{grid-template-columns:minmax(0,1fr);gap:0}.article-list__media{aspect-ratio:345/200}.article-list__body{grid-template-columns:1fr auto;align-items:center;display:grid}.article-list__excerpt,.article-list__title{grid-column:1/-1}.article-list__title{font-size:18px;line-height:24px}.article-list__date{order:1;margin:0}.article-list__more{order:2}.article-list__date,.article-list__excerpt,.article-list__more{font-size:12px;line-height:16px}.article-list__excerpt{-webkit-line-clamp:4;margin:12px 0}}
