.pagination { display: flex; justify-content: center; align-items: center; gap: 4px; padding: 24px 0 8px; }

.pagination__page,
.pagination__step {
    min-width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: var(--radius-m);
    font: 500 12px var(--font-mono);
    color: var(--text-muted);
}
.pagination__page:hover, .pagination__step:hover { background: var(--surface-2); color: var(--text); }
.pagination__page--current, .pagination__page--current:hover { background: var(--strong); color: var(--on-strong); }
.pagination__gap { padding: 0 4px; color: var(--text-faint); }