/*
	Tour Manager website — the Privacy, Terms and Cookies pages.

	Loaded by those three pages after site.css; values come from tokens.css
	and no raw colour appears below. Kept out of site.css so the home page's
	CSS budget (tests/website/test_site_integrity.py) stays untouched.
*/

/* ---------- Intro ---------- */

.hero--legal {
	padding-bottom: var(--site-space-8);
}

.legal__updated {
	margin-top: var(--site-space-4);
	color: var(--site-color-text-soft);
	font-size: var(--site-font-small);
}

/* ---------- Prose ---------- */

.legal {
	display: grid;
	gap: var(--site-space-4);
}

.legal h2 {
	margin-top: var(--site-space-6);
	font-size: var(--site-font-h3);
}

.legal h2:first-child {
	margin-top: 0;
}

.legal h3 {
	margin-top: var(--site-space-3);
	font-size: var(--site-font-body);
}

.legal ul {
	display: grid;
	gap: var(--site-space-2);
	margin: 0;
	padding-left: var(--site-space-5);
	max-width: var(--site-measure);
}

.legal li::marker {
	color: var(--site-color-gold);
}

.legal a {
	text-decoration-color: var(--site-color-gold);
	text-decoration-thickness: var(--site-border-strong);
	text-underline-offset: 0.2em;
}

.legal address {
	font-style: normal;
}

/* ---------- Other legal pages ---------- */

.legal-related {
	margin-top: var(--site-space-8);
	padding-top: var(--site-space-5);
	border-top: var(--site-border) solid var(--site-color-line);
}

.legal-related__title {
	margin-bottom: var(--site-space-3);
	color: var(--site-color-text-soft);
	font-size: var(--site-font-small);
}

.legal-related__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--site-space-2) var(--site-space-5);
	margin: 0;
	padding: 0;
	list-style: none;
}

.legal-related__list a {
	font-weight: var(--site-weight-medium);
	text-decoration-color: var(--site-color-gold);
	text-decoration-thickness: var(--site-border-strong);
	text-underline-offset: 0.2em;
}