.site-main {
	padding: var(--space-12) 0;
	min-height: 60vh;
}

.archive-header {
	margin-bottom: var(--space-8);
}

.archive-header__title {
	font-size: var(--text-2xl);
	margin-bottom: var(--space-2);
}

.archive-header__description {
	font-size: var(--text-md);
	color: var(--color-text-muted);
	max-width: var(--content-max);
}

/* Pagination */
.nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	margin-top: var(--space-12);
}

.nav-links a,
.nav-links span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding: 0 var(--space-3);
	font-size: var(--text-sm);
	border-radius: var(--radius-md);
	text-decoration: none;
	transition: all var(--transition-fast);
}

.nav-links a {
	color: var(--color-text);
	border: 1px solid var(--color-border);
}

.nav-links a:hover {
	background: var(--color-bg-alt);
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.nav-links .current {
	background: var(--color-ocean);
	color: var(--color-white);
	border: 1px solid var(--color-ocean);
}