.legal-layout {
	margin-top: clamp(44px, 6vw, 72px);
}

.legal-content {
	max-width: 820px;
}

.legal-section {
	padding-top: clamp(44px, 6vw, 76px);
	border-top: 1px solid var(--line);
	scroll-margin-top: 100px;
}

.legal-section + .legal-section {
	margin-top: clamp(56px, 8vw, 96px);
}

.legal-content h2 {
	margin-bottom: 28px;
	font-size: clamp(34px, 3.6vw, 58px);
}

.legal-content h3 {
	margin: 42px 0 18px;
	font-size: clamp(23px, 2vw, 30px);
	line-height: 1.05;
}

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

.legal-content .section-eyebrow {
	margin-bottom: 14px;
}

.legal-section > p:last-of-type {
	margin-bottom: 0;
}

.legal-content address {
	display: grid;
	gap: 4px;
	margin-top: 24px;
	font-style: normal;
	line-height: var(--text-body-line);
}

.legal-nav {
	display: none;
}

@media (min-width: 1240px) {
	.legal-layout {
		display: grid;
		grid-template-columns: minmax(0, 820px) minmax(380px, 1fr);
		gap: clamp(56px, 6vw, 100px);
		align-items: start;
	}

	.legal-nav {
		position: sticky;
		top: 96px;
		display: block;
		justify-self: end;
		width: 100%;
		max-width: 380px;
		max-height: calc(100vh - 120px);
		max-height: calc(100dvh - 120px);
		padding: 24px;
		color: var(--fg);
		text-align: right;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: var(--line) transparent;
	}

	.legal-nav__title {
		margin-bottom: 18px;
	}

	.legal-nav ol {
		margin: 0;
		padding-left: 2.4em;
		list-style: decimal-leading-zero;
		color: var(--muted);
		font-size: var(--text-small);
		line-height: 1.45;
	}

	.legal-nav li::marker {
		content: counter(list-item, decimal-leading-zero) "\00a0\00a0";
		font-variant-numeric: tabular-nums;
	}

	.legal-nav a {
		display: block;
		padding: 8px 0;
		border-bottom: 1px solid var(--line);
		text-decoration: none;
	}

	.legal-nav a:hover,
	.legal-nav a:focus-visible,
	.legal-nav a[aria-current="location"] {
		color: var(--fg);
	}

	.legal-nav a[aria-current="location"] {
		font-weight: 700;
	}

	.legal-nav li:has(> a[aria-current="location"])::marker {
		color: var(--fg);
		font-weight: 700;
	}

	.legal-nav a:focus-visible {
		outline: 2px solid var(--fg);
		outline-offset: -2px;
	}
}
