/*
 * Legal Page template — Privacy Policy, Terms & Conditions, Refund Policy.
 * Spec: POLICY.md (Maximus-modelled measurements, Gambit fonts/tokens).
 */

.legal-page {
	background: var(--wp--preset--color--warm-white);
	color: var(--wp--preset--color--deep-charcoal);
}

/* Padding-top is the visible gap between fixed header and H1; see POLICY.md. */
.legal-content {
	max-width: 92%;
	width: 1600px;
	margin: 0 auto;
	padding: 86px 0 100px;
}

.legal-content h1,
.legal-content h2,
.legal-content h3 {
	font-family: var(--wp--preset--font-family--general-sans);
	font-weight: 500;
	color: var(--wp--preset--color--deep-charcoal);
}

.legal-content h1 { font-size: 64px; line-height: 72px; letter-spacing: -2.56px; margin-bottom: 20px; }
.legal-content h2 { font-size: 48px; line-height: 56px; letter-spacing: -1.5px;  margin-bottom: 20px; }
.legal-content h3 { font-size: 26px; line-height: 1.31; padding-top: 20px; }

.legal-content p,
.legal-content em,
.legal-content li {
	font-family: var(--wp--preset--font-family--inter);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

.legal-content p,
.legal-content em {
	display: block;
	margin-bottom: 20px;
}

.legal-content a            { color: var(--wp--preset--color--deep-charcoal); text-decoration: underline; }
.legal-content a:hover      { text-decoration: none; }
.legal-content ul           { margin: 0 0 1.45rem 1.45rem; }
.legal-content li           { margin-bottom: .725rem; }

@media (max-width: 1100px) {
	.legal-content {
		padding: 36px 0 50px;
	}

	.legal-content h1 { font-size: 48px; line-height: 56px; letter-spacing: -1.5px; }
	.legal-content h2 { font-size: 32px; line-height: 40px; letter-spacing: -1px; }

	.legal-content p,
	.legal-content em,
	.legal-content li { font-size: 14px; line-height: 20px; }
}

@media (max-width: 700px) {
	.legal-content h1 { font-size: 32px; line-height: 40px; letter-spacing: -1px; }
	.legal-content h2 { font-size: 24px; line-height: 30px; letter-spacing: -.5px; }
	.legal-content h3 { font-size: 20px; }
}