:root {
	--legal-charcoal: #171717;
	--legal-smoke: #f5f5f2;
	--legal-brown: #a85f28;
	--legal-orange: #d88732;
	--legal-ink-soft: #5d5952;
	--legal-line: rgba(23, 23, 23, 0.14);
}

.legal-page {
	width: min(100% - 2rem, 800px);
	margin: 0 auto;
	padding: clamp(4rem, 8vw, 8rem) 0;
	font-family: "Montserrat", sans-serif;
	color: var(--legal-charcoal);
}

.legal-page__header {
	margin-bottom: 4rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px dashed var(--legal-line);
	text-align: center;
}

.legal-page__header .eyebrow {
	margin: 0 0 1rem;
	color: var(--legal-brown);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.legal-page__header h1 {
	margin: 0 0 1.5rem;
	font-size: clamp(2.2rem, 5vw, 3.5rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.legal-page__updated {
	display: inline-block;
	margin-bottom: 1.5rem;
	padding: 0.4rem 1rem;
	background: rgba(168, 95, 40, 0.1);
	color: var(--legal-brown);
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.legal-page__header p:not(.eyebrow):not(.legal-page__updated) {
	color: var(--legal-ink-soft);
	font-size: 1.15rem;
	line-height: 1.7;
	max-width: 650px;
	margin: 0 auto;
}

.legal-page section {
	margin-bottom: 3.5rem;
}

.legal-page h2 {
	margin: 0 0 1.25rem;
	color: var(--legal-charcoal);
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.legal-page p,
.legal-page ul {
	margin: 0 0 1.25rem;
	color: var(--legal-ink-soft);
	font-size: 1.05rem;
	line-height: 1.8;
}

.legal-page ul {
	padding-left: 1.5rem;
}

.legal-page li {
	margin-bottom: 0.5rem;
}

.legal-page a {
	color: var(--legal-brown);
	text-decoration: none;
	font-weight: 600;
	border-bottom: 1px solid transparent;
	transition: all 220ms ease;
}

.legal-page a:hover {
	color: var(--legal-orange);
	border-bottom-color: var(--legal-orange);
}