.legal-page{
	max-width: 900px;
	margin: 0 auto;
	padding: 32px 20px 56px;
	box-sizing: border-box;
}

.legal-hero{
	background:var(--nh-card-bg, rgba(255, 255, 255, .85)) !important;
	border: 1px solid rgba(74,149,224,.16);
	border-radius: 18px;
	padding: 28px 24px;
	margin-bottom: 24px;
}

.legal-hero h1{
	margin: 0 0 8px;
	font-size: 2rem;
}

.legal-hero p{
	margin: 0;
	line-height: 1.6em;
}

.legal-card{
	background:var(--nh-card-bg, rgba(255, 255, 255, .85)) !important;
	border: 1px solid rgba(74,149,224,.14);
	border-radius: 18px;
	padding: 24px;
	box-shadow: 0 10px 28px rgba(74,149,224,.08);
}

.legal-card + .legal-card{
	margin-top: 18px;
}

.legal-card h2{
	margin: 0 0 10px;
	font-size: 1.2rem;
}

.legal-card p,
.legal-card li{
	line-height: 1.65em;
}

.legal-card ul{
	margin: 0;
	padding-left: 20px;
}

.legal-note{
	font-size: .95rem;
	opacity: .88;
}

@media only screen and (max-width:700px){
	.legal-page{
		padding: 22px 14px 40px;
	}

	.legal-hero,
	.legal-card{
		padding: 20px 16px;
		border-radius: 14px;
	}

	.legal-hero h1{
		font-size: 1.65rem;
	}
}