.archive-main {
	padding: 46px 0 0;
}

.archive-header {
	margin-bottom: 30px;
	padding: 32px;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 18px;
}

.archive-header__label {
	margin: 0 0 8px;
	color: var(--color-main);
	font-family: var(--font-soft);
	font-weight: 700;
}

.archive-header h1 {
	margin: 0;
	font-family: var(--font-soft);
	font-size: clamp(1.8rem, 4vw, 2.4rem);
}

.archive-header p {
	margin: 12px 0 0;
	color: var(--color-muted);
}

.navigation.pagination {
	margin-top: 36px;
}

.nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 999px;
	color: var(--color-main);
	font-weight: 700;
}

.page-numbers.current {
	background: var(--color-main);
	color: var(--color-white);
}

.content-none {
	padding: 32px;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 18px;
}