.articles-controls{display:flex;align-items:end;gap:12px}
.articles-toolbar label.article-page-size{min-width:145px}
.articles-toolbar input,.articles-toolbar select{width:100%;padding:14px 16px;border:1px solid #cfcfd1;border-radius:8px;background:#fff;font:600 14px Manrope;color:var(--ink);outline:none}
.articles-toolbar input:focus,.articles-toolbar select:focus{border-color:var(--red)}
.article-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;color:var(--gray);font-size:13px}
.article-pagination button{border:1px solid #d8d8da;border-radius:999px;padding:10px 15px;background:#fff;color:var(--ink);font:800 13px Manrope;cursor:pointer}
.article-pagination button:hover:not(:disabled){border-color:var(--red);background:var(--red);color:#fff}
.article-pagination button:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:600px){.articles-controls{align-items:stretch;flex-direction:column}.articles-toolbar label.article-page-size{min-width:0}.article-pagination{flex-wrap:wrap;gap:10px}}