.vdx-article-filters {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1.7fr) minmax(160px, 220px) auto;
    margin-bottom: 16px;
}

.vdx-article-filters input,
.vdx-article-filters select {
    background: rgba(10, 22, 31, 0.92);
    border: 1px solid var(--vdx-border);
    border-radius: 16px;
    color: #fff;
    font-family: Arial, sans-serif;
    padding: 14px 16px;
}

.vdx-sort-note,
.vdx-empty-state,
.vdx-pagination {
    margin-bottom: 28px;
}

.vdx-pagination {
    font-family: Arial, sans-serif;
}

.vdx-pagination .page-numbers {
    border: 1px solid var(--vdx-border);
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    padding: 10px 14px;
    text-decoration: none;
}

.vdx-pagination .current {
    background: var(--vdx-accent);
    color: #091118;
}

@media (max-width: 900px) {
    .vdx-article-filters {
        grid-template-columns: 1fr;
    }
}