.article-category{background:rgba(var(--color-white-main), .12);color:rgba(var(--color-white-main), .9);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700;line-height:14px;display:inline-block}.article-category--help{background:rgba(var(--color-turquoise-main), .18);color:rgba(var(--color-turquoise-main), 1)}.article-category--guide{background:rgba(var(--color-blue-main), .18);color:rgba(var(--color-blue-main), 1)}.article-category--news{background:rgba(var(--color-yellow-main), .18);color:rgba(var(--color-yellow-main), 1)}.article-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.article-card{border:1px solid var(--border-black-alt);background:var(--menu-header-color);color:inherit;border-radius:4px;align-items:center;gap:16px;padding:14px 16px;line-height:145%;text-decoration:none;transition:background .2s;display:flex}.article-card:hover{background:rgba(var(--color-black-main-light), 1)}.article-card:hover .article-card--title{color:rgba(var(--color-yellow-main), 1)}.article-card--image{object-fit:cover;border-radius:4px;flex:none;width:128px;height:84px}.article-card--details{flex:auto;min-width:0}.article-card--title{margin:6px 0 3px;font-size:16px;transition:color .2s;display:block}.article-card--description{color:rgba(var(--color-white-main), .7);display:block}.article-card--updated{color:rgba(var(--color-white-main), .45);margin-top:6px;font-size:12px;display:block}@media only screen and (width<=560px){.article-card{flex-direction:column;align-items:stretch;gap:12px}.article-card--image{width:100%;height:140px}.article-card--title{margin-top:0}}