@import '/static/style/css/base.css';

/* Long-form legal pages — all rules scoped under .legal-root */

.legal-root {
	box-sizing: border-box;
	max-width: 720px;
	margin: 0 auto;
	padding: 32px 20px 64px;
	min-height: calc(100vh - var(--header-height) - var(--footer-height));
	color: var(--dark-shades);
	line-height: 1.65;
	font-size: 1rem;
}

.legal-root__header {
	margin: 0 0 2rem;
	padding: 0 0 1.25rem;
	border-bottom: 2px solid var(--gray);
}

.legal-root__title {
	margin: 0 0 0.5rem;
	padding: 0;
	color: var(--light-shades);
	font-size: 1.75rem;
	font-weight: 800;
	line-height: 1.25;
}

.legal-root__edition {
	margin: 0;
	padding: 0;
	color: var(--dark-gray);
	font-size: 0.9rem;
}

.legal-root__body {
	margin: 0;
}

.legal-root__section {
	margin: 0 0 1.75rem;
}

.legal-root__section:last-child {
	margin-bottom: 0;
}

.legal-root h2 {
	margin: 0 0 0.75rem;
	padding: 0;
	color: var(--dark-shades);
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.3;
}

.legal-root h3 {
	margin: 1.25rem 0 0.5rem;
	padding: 0;
	color: var(--dark-shades);
	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.35;
}

.legal-root p {
	margin: 0 0 0.85rem;
	padding: 0;
}

.legal-root p:last-child {
	margin-bottom: 0;
}

.legal-root ul,
.legal-root ol {
	margin: 0 0 0.85rem;
	padding: 0 0 0 1.35rem;
}

.legal-root li {
	margin: 0 0 0.4rem;
	padding: 0;
}

.legal-root li:last-child {
	margin-bottom: 0;
}

.legal-root__link {
	color: var(--light-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.legal-root__link:hover {
	color: var(--main-brand-color);
}

.legal-root a:not(.legal-root__link) {
	color: var(--light-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.legal-root a:not(.legal-root__link):hover {
	color: var(--main-brand-color);
}

@media screen and (min-width: 460px) {
	.legal-root {
		padding: 40px 30px 72px;
	}

	.legal-root__title {
		font-size: 2rem;
	}
}

@media screen and (min-width: 768px) {
	.legal-root {
		padding: 48px 40px 80px;
	}

	.legal-root h2 {
		font-size: 1.35rem;
	}
}