/* Shared Privacy Policy and Terms of Service presentation. */
.legal-page{
	min-height:100vh;
	background:
		radial-gradient(circle at 82% 8%,rgb(56 120 32/.16),transparent 32%),
		var(--ink);
	color:var(--off);
}

.legal-page__hero{
	padding:clamp(168px,20vh,230px) 0 clamp(54px,7vw,88px);
	border-bottom:1px solid #333;
	background:linear-gradient(135deg,rgb(255 255 255/.025),transparent 56%);
}

.legal-page__hero-inner{
	max-width:960px;
}

.legal-page__hero .eyebrow{
	margin-bottom:14px;
	color:var(--silver);
}

.legal-page__hero h1{
	max-width:900px;
	margin:0;
	font-size:clamp(42px,5vw,72px);
	font-weight:700;
	line-height:1.08;
	letter-spacing:-.025em;
}

.legal-page__body{
	padding:clamp(56px,7vw,96px) 0 clamp(72px,9vw,120px);
}

.legal-page__content{
	max-width:960px;
}

.legal-page__content>p:first-child{
	width:fit-content;
	margin-bottom:42px;
	padding:10px 14px;
	border:1px solid #3a3a3a;
	border-left:3px solid var(--green);
	border-radius:4px;
	background:#151515;
	color:var(--silver);
	font-size:15px;
}

.legal-page__content h2{
	margin:52px 0 18px;
	padding-bottom:12px;
	border-bottom:1px solid #333;
	color:var(--off);
	font-size:clamp(27px,3vw,36px);
	line-height:1.25;
}

.legal-page__content h3{
	margin:32px 0 12px;
	color:#d6d6d6;
	font-size:clamp(20px,2vw,24px);
	line-height:1.35;
}

.legal-page__content p,
.legal-page__content li{
	color:var(--silver);
	font-size:17px;
	line-height:1.8;
}

.legal-page__content p{
	margin-bottom:18px;
}

.legal-page__content ul{
	margin:10px 0 26px;
	padding-left:1.3em;
}

.legal-page__content li{
	margin:7px 0;
	padding-left:7px;
}

.legal-page__content li::marker{
	color:var(--green);
}

.legal-page__content a{
	color:#69ad4d;
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:4px;
}

@media(max-width:900px){
	.legal-page__hero{
		padding-top:clamp(150px,20vh,188px);
	}

	.legal-page__content p,
	.legal-page__content li{
		font-size:16px;
	}
}

@media(max-width:480px){
	.legal-page__hero{
		padding:136px 0 44px;
	}

	.legal-page__hero h1{
		font-size:38px;
	}

	.legal-page__body{
		padding:44px 0 64px;
	}

	.legal-page__content>p:first-child{
		margin-bottom:32px;
		font-size:14px;
	}

	.legal-page__content h2{
		margin-top:40px;
		font-size:25px;
	}

	.legal-page__content h3{
		margin-top:26px;
		font-size:20px;
	}

	.legal-page__content p,
	.legal-page__content li{
		font-size:14px;
		line-height:1.72;
	}
}