/* Legal / long-form page styles — layered on top of styles.css */

.legal {
	padding: clamp(3rem, 8vw, 6rem) 0 clamp(4rem, 10vw, 8rem);
	background: var(--chalk);
}

.legal-wrap {
	max-width: 720px;
}

.legal-wrap .display-2 {
	margin-top: 0.5rem;
	max-width: none;
}

.legal-wrap h2 {
	font-family: var(--font-display);
	font-weight: 460;
	font-variation-settings: 'opsz' 60;
	font-size: 1.45rem;
	letter-spacing: -0.015em;
	color: var(--ink);
	margin: 3rem 0 0.8rem;
	padding-top: 1.6rem;
	border-top: 1px solid var(--line);
}

.legal-wrap p {
	color: var(--ink-mute);
	font-size: 1rem;
	line-height: 1.65;
	margin: 0 0 1rem 0;
}

.legal-wrap a {
	color: var(--court-navy);
	border-bottom: 1px solid var(--match-gold);
	padding-bottom: 1px;
	transition: color 200ms var(--ease);
}
.legal-wrap a:hover {
	color: var(--ace-teal);
}

.legal-meta {
	margin-top: 3rem;
	padding-top: 1.6rem;
	border-top: 1px solid var(--line);
	font-family: var(--font-mono);
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	color: var(--ink-quiet);
}