/* =========================================================
   Legal pages (page-terms-policies.php)

   Live runs these as one black section with no banner and no photographs:
   the title, then a single 956px column of headings and paragraphs sitting
   centred inside the 1440px content width. The type is the same scale the
   rest of the site uses -- 70.9 / 53.6 / 36.3 over 17px body copy.
   ========================================================= */
.sp-legal {
	background: #000;
	padding-block: clamp(2.5rem, 3.3vw, 60px);
}

.sp-legal__doc { max-width: 956px; margin-inline: auto; }

.sp-legal__title {
	color: #fff;
	font-size: clamp(2.4rem, 1.4rem + 3.6vw, 4.43rem);
	line-height: 1.05;
	margin: 0 0 clamp(1.5rem, 2.2vw, 2.25rem);
}

.sp-legal__block + .sp-legal__block { margin-top: clamp(1.5rem, 2vw, 2rem); }
.sp-legal__block .sp-h2,
.sp-legal__block .sp-h3 { color: #fff; line-height: 1.1; margin: 0 0 .75rem; }

.sp-legal__block p {
	font-size: 1.0625rem;
	line-height: 1.6;
	margin-bottom: 1.1rem;
}
.sp-legal__block p:last-child { margin-bottom: 0; }
.sp-legal__block a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.sp-legal__block a:hover { color: var(--primary-color); }