.article-list-filters{display:grid;grid-template-columns:minmax(260px,2fr) repeat(2,minmax(130px,1fr));align-items:start;gap:12px;margin-bottom:12px}
.article-list-filters .field{font-size:12px;gap:5px;min-width:0}
.article-list-filters :is(input,select),.article-list-sort-label select{font-size:13px;min-height:40px;padding:8px 10px;background:#f8fafd;border-color:var(--line)}
.article-list-search small{font-size:11px;color:var(--muted);font-weight:400}
.article-list-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:13px}
.article-list-tools>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.article-list-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.article-list-sort-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.article-list-sort-label select{width:auto;max-width:100%;min-width:220px}
.article-catalog th{padding:0}
.article-list-sort{display:flex;align-items:center;justify-content:inherit;gap:5px;width:100%;min-height:48px;padding:10px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:inherit;cursor:pointer}
.article-catalog th:nth-child(n+4) .article-list-sort{justify-content:flex-end}
.article-list-sort span{flex:none;font-size:14px;color:#7890ad}
.article-list-sort:hover{background:#eaf1fc;color:var(--blue)}
.article-list-sort:focus-visible{outline:2px solid var(--blue);outline-offset:-3px;border-radius:4px}
.article-catalog th:is([aria-sort=ascending],[aria-sort=descending]){background:#eaf1fc;color:#255dc9}
.article-catalog th:is([aria-sort=ascending],[aria-sort=descending]) .article-list-sort span{color:#255dc9}
@media(max-width:900px){.article-list-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.article-list-search{grid-column:1/-1}}
@media(max-width:720px){.article-list-filters :is(input,select),.article-list-sort-label select{font-size:16px;min-height:44px}.article-list-tools{display:grid;grid-template-columns:1fr auto;align-items:center}.article-list-tools>div{display:contents}.article-list-sort-label{grid-column:1/-1;grid-row:2;min-width:0;flex-direction:column;align-items:stretch;gap:4px}.article-list-sort-label select{min-width:0;width:100%;font-size:14px}.article-list-tools .btn{grid-column:2;grid-row:1;min-height:44px}.article-list-sort{min-height:48px}}