/* ─── Legal pages (terms / privacy) ─── */

.legal-main {
	padding-top: 2.4rem;
	padding-bottom: 4rem;
	display: grid;
	gap: 1.25rem;
}

.legal-hero {
	padding: 1.5rem;
	display: grid;
	gap: 0.7rem;
}

.legal-lead {
	margin: 0;
	max-width: 62ch;
	font-size: 1rem;
	color: var(--muted);
}

.legal-meta {
	margin: 0;
	font-size: 0.82rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--soft);
}

.legal-layout {
	display: grid;
	gap: 1rem;
}

.legal-card {
	padding: 1.5rem;
}

.legal-prose h2 {
	margin: 0;
	font-size: clamp(1.08rem, 2vw, 1.34rem);
	color: var(--text);
}

.legal-prose h2 + p,
.legal-prose h2 + ul {
	margin-top: 0.7rem;
}

.legal-prose p {
	margin: 0;
	color: var(--muted);
	max-width: 72ch;
}

.legal-prose p + p,
.legal-prose ul + p,
.legal-prose p + ul,
.legal-prose ul + ul,
.legal-prose h2 + h2,
.legal-prose p + h2,
.legal-prose ul + h2 {
	margin-top: 1rem;
}

.legal-list {
	margin: 0;
	padding-left: 1.15rem;
	color: var(--muted);
	display: grid;
	gap: 0.55rem;
	max-width: 72ch;
}

.legal-list strong {
	color: var(--text);
}

@media (max-width: 620px) {
	.legal-hero,
	.legal-card {
		padding: 1rem;
	}
}