.pagination {
	margin-top: var(--space-xl);
}

.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--space-sm);
}

.pagination .page-numbers {
	min-width: 2.5rem;
	padding: 0.5rem 0.75rem;
	background-color: var(--color-surface);
	border-radius: var(--radius-md);
	color: var(--color-text-muted);
	font-family: var(--font-mono);
	font-size: 0.75rem;
	text-align: center;
	transition: background-color var(--transition), color var(--transition);
}

.pagination a.page-numbers:hover {
	background-color: var(--color-surface-high);
	color: var(--color-primary);
}

.pagination .page-numbers.current {
	background-color: var(--color-primary);
	color: var(--color-on-primary);
	font-weight: 500;
}