@layer components {

.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pagination .page-numbers { font-family: var(--font-mono); font-size: 0.875rem; font-weight: 600; color: var(--text-primary); background: transparent; border: 1px solid var(--border-strong); border-radius: 0; padding: 6px 14px; text-decoration: none; }
.pagination a.page-numbers:hover { color: var(--accent-ink); background: var(--accent-light); border-color: var(--border-accent); }
.pagination .page-numbers.current { color: var(--accent-ink); background: var(--accent-light); border-color: var(--border-accent); pointer-events: none; }

}