/* Legal and policy page layout. */

body.ag-legal-template {
	margin: 0;
	background:
		radial-gradient(circle at 78% 8%, rgba(83, 118, 134, 0.2), transparent 24rem),
		linear-gradient(180deg, #101820 0%, var(--ag-bg-deep) 28rem, var(--ag-bg) 100%);
	color: var(--ag-text);
	font-family: var(--ag-font);
}

.ag-legal-template * {
	box-sizing: border-box;
}

.ag-legal-main {
	min-height: 70vh;
}

.ag-legal-hero {
	padding-block: 92px 38px;
	border-bottom: 1px solid var(--ag-border);
	background:
		radial-gradient(circle at 50% 0%, rgba(232, 227, 216, 0.12), transparent 24rem),
		linear-gradient(180deg, rgba(37, 54, 66, 0.82), rgba(12, 19, 24, 0.94));
}

.ag-legal-hero-inner {
	max-width: 900px;
}

.ag-legal-hero h1 {
	max-width: 840px;
	margin: 0;
	color: var(--ag-text);
	font-size: clamp(2.35rem, 9vw, 5.2rem);
	font-weight: 860;
	letter-spacing: 0;
	line-height: 1;
}

.ag-legal-content-wrap {
	padding-block: 46px 78px;
}

.ag-legal-content {
	max-width: 820px;
	margin-inline: auto;
	color: rgba(245, 244, 239, 0.86);
	font-size: clamp(1rem, 2.8vw, 1.08rem);
	line-height: 1.78;
}

.ag-legal-content > *:first-child {
	margin-top: 0;
}

.ag-legal-content > *:last-child {
	margin-bottom: 0;
}

.ag-legal-content p,
.ag-legal-content ul,
.ag-legal-content ol {
	margin-block: 0 1.25em;
}

.ag-legal-content h2,
.ag-legal-content h3,
.ag-legal-content h4 {
	color: var(--ag-text);
	letter-spacing: 0;
	line-height: 1.14;
}

.ag-legal-content h2 {
	margin: 2.15em 0 0.7em;
	font-size: clamp(1.55rem, 5vw, 2.15rem);
	font-weight: 850;
}

.ag-legal-content h3 {
	margin: 1.8em 0 0.62em;
	font-size: clamp(1.2rem, 4vw, 1.5rem);
	font-weight: 820;
}

.ag-legal-content h4 {
	margin: 1.5em 0 0.5em;
	font-size: 1.02rem;
	font-weight: 820;
}

.ag-legal-content ul,
.ag-legal-content ol {
	padding-left: 1.25em;
}

.ag-legal-content li + li {
	margin-top: 0.45em;
}

.ag-legal-content a {
	color: var(--ag-gold-soft);
	text-decoration: underline;
	text-decoration-color: rgba(216, 191, 90, 0.46);
	text-underline-offset: 0.18em;
}

.ag-legal-content a:hover,
.ag-legal-content a:focus-visible {
	color: var(--ag-gold-soft);
	text-decoration-color: var(--ag-gold-soft);
}

.ag-legal-content strong {
	color: var(--ag-text);
	font-weight: 800;
}

.ag-legal-content hr {
	height: 1px;
	margin: 2.2rem 0;
	border: 0;
	background: var(--ag-border);
}

.ag-legal-content table {
	display: block;
	width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	color: rgba(245, 244, 239, 0.84);
}

.ag-legal-content th,
.ag-legal-content td {
	padding: 12px;
	border: 1px solid var(--ag-border);
	text-align: left;
	vertical-align: top;
}

.ag-legal-content th {
	color: var(--ag-text);
	background: rgba(255, 255, 255, 0.04);
	font-weight: 800;
}

@media (min-width: 768px) {
	.ag-legal-hero {
		padding-block: 112px 48px;
	}

	.ag-legal-content-wrap {
		padding-block: 58px 96px;
	}
}