.article-card{align-items:flex-start;border-radius:18px;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-width:392px;width:100%}@media (hover:hover) and (pointer:fine){.article-card:hover h3{color:var(--c-purple)}.article-card:hover .base-button{border-color:var(--c-purple);color:var(--c-purple)}}.article-card-image{aspect-ratio:16/9;border-radius:18px;-o-object-fit:cover;object-fit:cover;width:100%}.article-card-content{align-items:flex-start;color:var(--c-black);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:flex-start;padding:24px 24px 24px 0}.article-card-content-categories,.article-card-content-top{align-items:baseline;display:flex;gap:8px;justify-content:flex-start}.article-card-content-top{flex-wrap:wrap}.article-card-content-top span{font-size:12px;font-weight:var(--fw-medium);line-height:14.5px;white-space:nowrap}.article-card-content-categories{flex-wrap:wrap}.article-card-content-categories-item{border:1px solid rgba(109,77,240,.3);border-radius:6px;display:block;padding:3px 8px;white-space:nowrap}.article-card-content h3{display:-webkit-box;font-size:18px;font-weight:var(--fw-bold);line-height:22px;margin-bottom:auto;max-height:66px;line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;transition:color .2s ease-in-out}.article-card-content-action{display:inline-block;margin-top:16px}.article-card-content .base-button:active{border-color:#6d4df099;color:var(--c-blue)}