@layer components{.article-item{background-color:#fff;flex-direction:column;gap:20px;display:flex;position:relative}.article-item__header{border-radius:15px;overflow:hidden}.article-item__header:hover{opacity:.92}.article-item__image{width:100%}.article-item__body{flex-direction:column;gap:10px;display:flex}.article-item__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.article-item__tags{flex-wrap:wrap;gap:15px;display:flex}.article-item__tag{font-size:var(--font-size-micro);font-weight:var(--font-weight-regular);color:var(--color-second);text-decoration:none}.article-item__tag:first-letter{color:var(--color-first)}.article-item__tag:hover{text-decoration:underline}.article-item__date{font-size:var(--font-size-micro);color:var(--color-grey);white-space:nowrap;flex-shrink:0}.article-item__title{font-family:var(--font-family-title);font-weight:var(--font-weight-semibold);font-size:var(--font-size-large);color:var(--color-grey-black-80);line-height:1.3;text-decoration:none}.article-item__title:hover{color:var(--color-first)}.article-item__caption{color:var(--color-grey);line-height:1.4;font-weight:var(--font-weight-regular);white-space:pre-wrap;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-item--short .article-item__caption{display:none}@media (width<768px){:root{--article-item-min-width:350px}.article-item__title{font-size:var(--font-size-base)}.article-item__caption{font-size:13px}@media (width<390px){.article-item__footer{flex-direction:column-reverse}}}@media (768px<=width<1200px){:root{--article-item-min-width:350px}.article-item__title{font-size:var(--font-size-large)}.article-item__caption{font-size:var(--font-size-small)}}@media (width>=1200px){:root{--article-item-min-width:350px}.article-item__title{font-size:var(--font-size-extra)}.article-item__caption{font-size:var(--font-size-base)}}}