.articles-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.articles-filter-pill{font-family:inherit;font-size:.8rem;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-muted);background:var(--bg-card-solid);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-spring),border-color .2s,color .2s,background .2s,box-shadow .2s}.articles-filter-pill:hover{border-color:rgba(13,139,217,.35);color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.articles-filter-pill:active{transform:scale(.96)}.articles-filter-pill--active{border-color:var(--accent);color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dim));box-shadow:0 4px 16px var(--accent-glow);transform:scale(1.02)}.articles-filter-pill--active:hover{color:#fff;transform:translateY(-2px) scale(1.04)}.articles-empty{color:var(--text-muted);font-size:.95rem;margin-top:1rem}.articles-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.articles-card{display:block;padding:1.35rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-card-solid);color:inherit;box-shadow:var(--shadow-sm);transition:transform .28s var(--ease-spring),border-color .2s,box-shadow .28s}.articles-card:hover{border-color:rgba(13,139,217,.28);box-shadow:var(--shadow-lg);transform:translateX(6px);color:inherit}.articles-card:active{transform:scale(.99)}.articles-card h2{font-size:1.15rem;color:var(--text);margin:0 0 .5rem;transition:color .2s}.articles-card:hover h2{color:var(--accent-dim)}.articles-excerpt{margin:0 0 .75rem;font-size:.92rem}.articles-card time{font-size:.8rem;color:var(--text-muted)}