:root {
	color-scheme: dark;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background: #180e08;
	color: #f5e7c8;
}

* {
	box-sizing: border-box;
}

html {
	min-width: 280px;
	background: #180e08;
}

body {
	min-height: 100vh;
	margin: 0;
	background:
		radial-gradient(circle at 50% -20%, rgba(233, 164, 45, .22), transparent 43rem),
		linear-gradient(180deg, #2b180c 0, #180e08 28rem, #100906 100%);
	color: #f5e7c8;
	font-size: 16px;
	line-height: 1.65;
}

a {
	color: #ffd46f;
	text-decoration-thickness: .08em;
	text-underline-offset: .16em;
}

a:hover,
a:focus-visible {
	color: #fff0b7;
}

.skip-link {
	position: fixed;
	z-index: 10;
	top: .75rem;
	left: .75rem;
	padding: .65rem .9rem;
	transform: translateY(-200%);
	border-radius: .4rem;
	background: #fff0b7;
	color: #251207;
	font-weight: 800;
}

.skip-link:focus {
	transform: none;
}

.legal-header {
	border-bottom: 1px solid rgba(245, 196, 88, .24);
	background: rgba(20, 10, 6, .88);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
}

.legal-header__inner {
	display: flex;
	width: min(72rem, calc(100% - 2rem));
	min-height: 4.75rem;
	margin: 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.legal-brand {
	display: inline-flex;
	align-items: center;
	gap: .7rem;
	color: #fff0c3;
	font-weight: 900;
	text-decoration: none;
}

.legal-brand__mark {
	display: grid;
	width: 2.4rem;
	height: 2.4rem;
	place-items: center;
	border: 1px solid #ffd46f;
	border-radius: .7rem;
	background: linear-gradient(145deg, #f6c858, #9a4f0f);
	box-shadow: inset 0 1px rgba(255, 255, 255, .55), 0 4px 14px rgba(0, 0, 0, .35);
	color: #2a1307;
	font-family: Georgia, serif;
	font-size: 1.5rem;
}

.legal-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: .35rem;
}

.legal-nav a {
	padding: .45rem .7rem;
	border-radius: .45rem;
	color: #d9c7a4;
	font-size: .9rem;
	font-weight: 700;
	text-decoration: none;
}

.legal-nav a:hover,
.legal-nav a:focus-visible,
.legal-nav a[aria-current="page"] {
	background: rgba(240, 177, 51, .16);
	color: #ffe19a;
}

.legal-page {
	width: min(58rem, calc(100% - 2rem));
	margin: 0 auto;
	padding: clamp(2rem, 5vw, 4.5rem) 0;
}

.legal-document {
	overflow: hidden;
	border: 1px solid rgba(244, 194, 82, .38);
	border-radius: 1rem;
	background: rgba(42, 23, 12, .94);
	box-shadow: 0 24px 70px rgba(0, 0, 0, .46), inset 0 1px rgba(255, 237, 184, .08);
}

.legal-document__heading {
	padding: clamp(1.6rem, 5vw, 3.1rem);
	border-bottom: 1px solid rgba(244, 194, 82, .25);
	background: linear-gradient(135deg, rgba(137, 73, 19, .72), rgba(53, 27, 12, .25));
}

.legal-document__eyebrow {
	margin: 0 0 .3rem;
	color: #f3bf56;
	font-size: .78rem;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.legal-document h1 {
	margin: 0;
	color: #fff0c3;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2rem, 6vw, 3.5rem);
	line-height: 1.08;
}

.legal-document__updated {
	margin: .75rem 0 0;
	color: #dbc79f;
	font-size: .9rem;
}

.legal-document__lead {
	margin: 0;
	padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.3rem, 5vw, 3.1rem);
	border-bottom: 1px solid rgba(244, 194, 82, .18);
	background: rgba(255, 222, 145, .045);
	color: #fff0cf;
	font-size: 1.08rem;
}

.legal-document section {
	padding: 0 clamp(1.3rem, 5vw, 3.1rem);
	scroll-margin-top: 1rem;
}

.legal-document section:first-of-type {
	padding-top: 1.35rem;
}

.legal-document section:last-of-type {
	padding-bottom: 2.5rem;
}

.legal-document h2 {
	margin: 2rem 0 .65rem;
	color: #ffd46f;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.45rem;
	line-height: 1.25;
}

.legal-document h3 {
	margin: 1.25rem 0 .35rem;
	color: #f5d697;
	font-size: 1rem;
}

.legal-document p,
.legal-document li {
	color: #e2d3b7;
}

.legal-document ul {
	padding-left: 1.35rem;
}

.legal-document li + li {
	margin-top: .35rem;
}

.legal-callout {
	margin: 1.75rem clamp(1.3rem, 5vw, 3.1rem) 0;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(255, 196, 74, .55);
	border-radius: .65rem;
	background: rgba(119, 58, 14, .36);
	color: #ffe7a5;
}

.legal-footer {
	width: min(58rem, calc(100% - 2rem));
	margin: 0 auto;
	padding: 0 0 2.5rem;
	color: #a99476;
	font-size: .85rem;
	text-align: center;
}

.legal-footer p {
	margin: .25rem 0;
}

@media (max-width: 44rem) {
	.legal-header__inner {
		padding: .85rem 0;
		align-items: flex-start;
		flex-direction: column;
	}

	.legal-nav {
		width: 100%;
		justify-content: flex-start;
	}

	.legal-nav a {
		padding-left: 0;
	}
}

@media print {
	:root,
	html,
	body {
		background: #fff;
		color: #111;
	}

	.legal-header,
	.legal-footer,
	.skip-link {
		display: none;
	}

	.legal-page {
		width: 100%;
		padding: 0;
	}

	.legal-document {
		border: 0;
		box-shadow: none;
	}

	.legal-document__heading,
	.legal-document__lead,
	.legal-callout {
		background: transparent;
	}

	.legal-document h1,
	.legal-document h2,
	.legal-document h3,
	.legal-document p,
	.legal-document li,
	.legal-document__lead,
	.legal-document__updated,
	.legal-document__eyebrow,
	.legal-callout,
	a {
		color: #111;
	}
}
