/* =============================================================
   Peak Body Coach · legal.css
   Privacy policy + T&Cs layout. Depends on main.css.
   ============================================================= */

.legal-hero {
	padding: var(--space-13) 0 var(--space-10);
}
.legal-hero .type-h1 {
	font-size: clamp(48px, 6vw, 96px);
}
@media (max-width: 640px) {
	.legal-hero { padding: var(--space-11) 0 var(--space-8); }
}

.legal-body {
	padding: var(--space-11) 0 var(--space-13);
}

.legal-content {
	max-width: var(--measure-read);
}

/* Prose styles for editor-generated content */
.legal-content h2 {
	font-family: var(--font-body);
	font-weight: var(--weight-extrabold);
	font-size: clamp(22px, 2vw, 28px);
	line-height: 1.25;
	letter-spacing: -0.005em;
	margin-top: var(--space-11);
	margin-bottom: var(--space-5);
}
.legal-content h3 {
	font-family: var(--font-body);
	font-weight: var(--weight-bold);
	font-size: clamp(18px, 1.5vw, 22px);
	line-height: 1.3;
	margin-top: var(--space-8);
	margin-bottom: var(--space-4);
}
.legal-content p {
	font-family: var(--font-body);
	font-weight: var(--weight-regular);
	font-size: clamp(16px, 1.2vw, 18px);
	line-height: 1.65;
	color: rgba(23, 23, 23, 0.85);
}
.legal-content p + p {
	margin-top: var(--rhythm-paragraph);
}
.legal-content ul,
.legal-content ol {
	margin: var(--space-5) 0 var(--space-5) var(--space-6);
}
.legal-content li {
	font-family: var(--font-body);
	font-size: clamp(16px, 1.2vw, 18px);
	line-height: 1.65;
	color: rgba(23, 23, 23, 0.85);
	margin-bottom: var(--space-3);
}
.legal-content a {
	font-weight: var(--weight-medium);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	transition: text-decoration-thickness 0.15s;
}
.legal-content a:hover { text-decoration-thickness: 2px; }
.legal-content strong { font-weight: var(--weight-bold); }