.article-card{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.article-card-image-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:#f2f2f2}.article-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-card-image{transform:scale(1.04)}.article-card-content{padding:24px;display:flex;flex-direction:column;flex:1}.article-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.article-card-meta{display:flex;align-items:center;gap:8px;font-size:13px;--tw-text-opacity: 1;color:rgb(128 127 127 / var(--tw-text-opacity, 1));margin-bottom:12px}.article-card-meta-separator{--tw-text-opacity: 1;color:rgb(204 204 204 / var(--tw-text-opacity, 1))}.article-card-title{font-weight:600;font-size:22px;line-height:28px;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1));margin:0 0 12px}.article-card-excerpt{font-size:15px;line-height:24px;--tw-text-opacity: 1;color:rgb(38 38 38 / var(--tw-text-opacity, 1));margin:0 0 8px;flex:1}.article-card-views{font-size:13px;line-height:16px;--tw-text-opacity: 1;color:rgb(38 38 38 / var(--tw-text-opacity, 1));margin:0 0 24px}.article-card-author{display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid;--tw-border-opacity: 1;border-color:rgb(240 240 240 / var(--tw-border-opacity, 1))}.article-card-author-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.article-card-author-info{display:flex;flex-direction:column;min-width:0}.article-card-author-name{font-weight:600;font-size:14px;line-height:18px;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.article-card-author-title,.article-card-author-company{font-size:13px;line-height:18px;--tw-text-opacity: 1;color:rgb(128 127 127 / var(--tw-text-opacity, 1))}@media(max-width:640px){.article-card-content{padding:20px}.article-card-title{font-size:20px;line-height:26px}}