/* Legal pages and the 404 template. */

.legal-page,
.error-page {
	min-height: 70vh;
	padding: calc(var(--header-height) + 80px) max(24px, calc((100% - 860px) / 2)) 96px;
	background: var(--white);

	@media (max-width: 767.98px) {
		padding: calc(var(--header-height) + 56px) 20px 70px;
	}
}

.legal-page h1,
.error-page h1 {
	color: var(--navy);
	font-size: clamp(2.4rem, 5vw, 4rem);
}

.legal-content {
	max-width: 72ch;

	h2,
	h3 {
		color: var(--navy);
	}
}

.error-page .btn-primary {
	margin-top: 24px;
}