.article-list{display:flex;flex-direction:column;gap:24px}.article-card{display:grid;grid-template-columns:235px 1fr;gap:25px;height:235px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:.2s}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--accent-secondary)}.article-img{width:100%;overflow:hidden;object-fit:cover;min-height:180px}.article-content{padding:24px;display:flex;flex-direction:column;justify-content:center}.article-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-tertiary);margin-bottom:10px}.article-tag{background:var(--badge-bg-secondary);color:var(--accent-secondary);padding:2px 8px;border-radius:4px;font-weight:600}.article-title{font-size:22px;font-weight:700;margin-bottom:10px;line-height:1.3}.article-excerpt{font-size:15px;color:var(--text-secondary);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-tertiary);border-top:1px solid var(--border-color);padding-top:16px}@media (max-width:768px){.article-card{grid-template-columns:1fr}.article-img{height:200px}}