.legal-hero,
.lt-wrap,
.legal-body {
	max-width: 760px;
	margin: 0 auto;
}

.legal-hero {
	padding: 48px var(--px-40) var(--px-24);
}

/* Nav */

.legal-tabs {
	border-top: 1px solid var(--paper-12);
	border-bottom: 1px solid var(--paper-12);
	overflow-x: auto;
}

.lt-wrap {
	display: flex;
	gap: var(--px-24);
	padding: 0 var(--px-40);
}

.lt-tab {
	font-family: var(--font-ui);
	font-size: var(--f-16-size);
	font-weight: 400;
	color: var(--ink-5);
	padding: var(--px-20) 2px var(--px-16);
	border-bottom: 2px solid transparent;
	cursor: pointer;
	transition: all 0.15s;
	white-space: nowrap;
}

.lt-tab:hover {
	color: var(--ink-9);
}

.lt-tab.active {
	color: var(--sienna);
	border-bottom-color: var(--sienna);
}

/* Body */

.legal-body {
	padding: var(--px-48) var(--px-40) var(--px-80);
}

.legal-updated {
	font-family: var(--font-ui);
	font-size: var(--f-14-size);
	font-weight: 400;
	color: var(--ink-5);
	margin-bottom: var(--px24);
}

.legal-body h2 {
	font-size: var(--f-24-size);
	font-weight: 500;
	margin: var(--px-32) 0 var(--px-12);
}

.legal-body h2:first-child {
	margin-top: 0;
}

.legal-body p {
	color: var(--ink-7);
	line-height: 1.6;
	margin-bottom: var(--px-16);
}

.legal-body ul {
	padding-left: 20px;
	margin-bottom: 12px;
}

.legal-body li {
	color: var(--ink-7);
	line-height: 1.6;
	margin-bottom: 6px;
}

.legal-body strong {
	font-weight: 400;
	color: var(--ink-9);
}