.article-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:400px;margin:0 auto;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.article-card:hover{border-color:#0f172a;transform:translateY(-6px);box-shadow:0 12px 48px #0000000f}.article-card__image{background:#f1f5f9;flex-shrink:0;width:100%;height:200px;position:relative;overflow:hidden}.article-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .article-card__image img{transform:scale(1.05)}.article-card__entity{color:#fff;letter-spacing:.03em;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:600;display:inline-flex;position:absolute;top:1rem;left:1rem}.article-card[data-entity=Syslearn] .article-card__entity{background:#059669}.article-card[data-entity=PointerLab] .article-card__entity{background:#7c3aed}.article-card[data-entity=StackJobs] .article-card__entity{background:#2563eb}.article-card[data-entity=Groupe] .article-card__entity{background:#0f172a}.article-card__external-badge{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:.25rem;display:flex;position:absolute;top:1rem;right:1rem}.article-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem;display:flex}.article-card__meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.article-card__category{text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#e2e8f0;border-radius:9999px;padding:.15rem .6rem;font-size:.6875rem;font-weight:600}.article-card__date{color:#94a3b8;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.article-card__title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.article-card:hover .article-card__title{color:#2563eb}.article-card__excerpt{color:#475569;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:none;max-height:4.8em;margin:0;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card__read-link{color:#2563eb;margin-top:auto;font-size:.875rem;font-weight:500;transition:color .2s}.article-card:hover .article-card__read-link{color:#1d4ed8}