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