@layer components{.article-item{align-items:flex-start;background-color:var(--bg-basic-0);border-radius:8px;display:flex;flex-direction:column;gap:1.6rem;padding:2.4rem;transition:var(--transition-200)}@media(hover:hover){.article-item:hover{box-shadow:var(--box-shadow-lg)}.article-item:hover .article-item__more .icon{translate:.4rem}}.article-item>.icon{height:3.2rem;width:3.2rem}.article-item__content{display:flex;flex-direction:column;gap:.8rem}.article-item__title{font-size:clamp(1.28rem,1.8vw,1.6rem);font-weight:500}.article-item__subtitle{color:var(--text-basic-700);font-size:clamp(1.12rem,1.7vw,1.4rem)}.article-item__more{align-items:center;color:var(--primary-700);display:flex;font-size:clamp(.96rem,1.6vw,1.2rem);font-weight:600;gap:.8rem;margin-block-start:auto;padding:.2rem}.article-item__more .icon{height:1.6rem;width:1.6rem}.article-item__more .icon svg path{vector-effect:non-scaling-stroke}.article-item__more .icon{transition:var(--transition-200)}}@layer components{.article-list{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fill,minmax(23.4rem,1fr))}}