.pagination {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-4);
    margin-top: var(--space-14);
}

.pagination a {
    min-width: var(--control-height-xs);
    height: var(--control-height-xs);
    padding: 0 var(--space-8);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xs);
    border: var(--border-width) solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-bold);
}

.pagination a:hover {
    border-color: var(--color-text-muted);
}

.pagination a.active {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-primary);
}