.sub-page {
	margin-top: var(--desktop-menu-height);
	padding: 6rem 0;
}

@media screen and (max-width: 576px) {
	.sub-page {
		margin-top: var(--mobile-menu-height);
	}
}

.sub-page__navigation {
	display: flex;
	flex-wrap: wrap;
	color: var(--white-4);
}

.sub-page__navigation a {
	color: var(--white-4);
}

.sub-page__navigation .sub-page-next {
	color: var(--white-4);
	margin: 0 1rem;
}

.sub-page__navigation p {
	color: var(--color-1);
	text-overflow: ellipsis;
	overflow: hidden; 
	max-width: 24rem;
	white-space: nowrap;
}