.article-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);transition:.25s;height:100%}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-img{aspect-ratio:16/9;overflow:hidden;background:var(--color-primary-bg)}.article-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.article-card:hover .article-img img{transform:scale(1.05)}.article-body{padding:20px}.article-tag-pill{display:inline-block;background:var(--color-primary-bg);color:var(--color-primary);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:8px}.article-title{font-weight:600;font-size:16px;margin-bottom:8px;line-height:1.4}.article-excerpt{color:var(--color-text-muted);font-size:14px;line-height:1.6}.article-content img{margin-bottom:1rem}.ab-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--color-border,#eee);transition:box-shadow .2s,transform .2s}.ab-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.09);transform:translateY(-3px);color:inherit}.ab-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#f5f5f5}.ab-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.ab-card:hover .ab-card-img img{transform:scale(1.04)}.ab-card-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc}.ab-card-body{padding:16px;display:flex;flex-direction:column;flex:1;gap:8px}.ab-card-date{font-size:11px;color:var(--color-text-muted,#999);letter-spacing:.4px}.ab-card-title{font-family:var(--font-heading);font-size:15px;font-weight:600;line-height:1.45;color:var(--color-text,#1a1a1a);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ab-card-excerpt{font-size:13px;color:var(--color-text-muted,#777);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ab-card-footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:10px;border-top:1px solid var(--color-border,#f0f0f0)}.ab-card-author,.ab-card-views{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted,#999)}.ab-card-read{font-size:12px;font-weight:600;color:var(--color-primary,#c8956c);display:flex;align-items:center;gap:4px;margin-top:4px}