.articles-filters-section{border-bottom:1px solid var(--slate-200);background:#fff;padding:1.5rem 0;position:relative;top:53px}.articles-filters-grid{grid-template-columns:1fr;align-items:center;gap:1rem;display:grid}.articles-filter-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.articles-search-box .search-input-wrapper{position:relative}.articles-search-box .form-input{padding-left:2.25rem}.articles-search-box .search-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.article-card{cursor:pointer;color:inherit;text-decoration:none;transition:all .25s}.article-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.article-image{background:#0f172a;height:11rem;position:relative;overflow:hidden}.article-image img{object-fit:cover;width:100%;height:100%}.article-image-placeholder{color:#fff;opacity:.5;background:linear-gradient(135deg,#1e293b,#0f172a);justify-content:center;align-items:center;width:100%;height:100%;font-size:.8rem;display:flex}.article-category-badge{color:#fff;background:#2563ebe6;position:absolute;top:.75rem;right:.75rem}.article-body{padding:1rem}.article-meta{color:var(--text-muted);border-bottom:1px solid var(--slate-100);justify-content:space-between;gap:.75rem;padding-bottom:.5rem;font-size:.625rem;display:flex}.article-title{color:var(--slate-900);font-size:.9375rem;line-height:1.4}.article-summary{color:var(--slate-600);text-align:justify;font-size:.75rem;line-height:1.7}.article-tags{flex-wrap:wrap;gap:.35rem;padding-top:.25rem;display:flex}.article-tag{color:#475569;background:#f1f5f9;font-size:.625rem}.article-footer{background:var(--slate-50);border-top:1px solid var(--slate-100);color:var(--primary-700);justify-content:space-between;padding:.65rem 1rem;font-size:.75rem;font-weight:700;display:flex}.article-footer i{width:14px;height:14px}.articles-empty-state{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}.articles-empty-state i{width:48px;height:48px;color:var(--text-muted)}.articles-empty-state h4{color:var(--slate-800);font-size:1.1rem;font-weight:700}.articles-empty-state p{color:var(--text-muted);font-size:.8125rem}.articles-pagination{justify-content:center;margin-top:2.5rem;display:flex}.articles-pagination nav{align-items:center;gap:.4rem;display:flex}.articles-pagination nav svg{width:1.1rem;height:1.1rem}.articles-pagination nav a,.articles-pagination nav span[aria-disabled],.articles-pagination nav span[aria-current=page] span{border-radius:.5rem;justify-content:center;align-items:center;min-width:2.3rem;height:2.3rem;padding:0 .75rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.articles-pagination nav a{color:var(--slate-700);border:1px solid var(--slate-200);background-color:#fff;box-shadow:0 1px 2px #0000000d}.articles-pagination nav a:hover{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.articles-pagination nav span[aria-current=page]>span,.articles-pagination nav span.current{color:#fff;background-color:#2563eb;border:1px solid #2563eb;box-shadow:0 4px 6px -1px #2563eb40}.articles-pagination nav span[aria-disabled=true]{color:#cbd5e1;cursor:not-allowed;background-color:#f8fafc;border:1px solid #e2e8f0}@media (width>=768px){.articles-filters-grid{grid-template-columns:2fr 1fr}}@media (prefers-reduced-motion:reduce){.article-card,.articles-pagination nav a{transition:none}}