/*
 * Legal text. Figma desktop/terms 2819:93446: 765 column centred, 44 below
 * the header bar; header/XL title, 16, body/S text; 64 above each header/L
 * subheading, 16 below it. Mobile 2819:93929: 350 column, 24 below the bar,
 * "Small Header" header/S 20. "Last updated" line kept (client).
 */

.legal-text__inner {
	max-width: calc(765px + 2 * var(--gutter));
	padding-top: calc(var(--header-h) + 44px);
}

.legal-text__head {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 16px;
}

.legal-text__title { font: var(--f-header-xl); color: var(--c-text-dark); }
.legal-text__updated { font: var(--f-body-s); color: var(--c-text-grey); }

.legal-text__content { font: var(--f-body-s); color: var(--c-text-dark); }
.legal-text__content > * + * { margin-top: 16px; }
.legal-text__content h2 { margin-top: 64px; font: var(--f-header-l); }
.legal-text__content h3 { margin-top: 32px; font: var(--f-header-s); }
.legal-text__content li + li { margin-top: 8px; }
.legal-text__content li::marker { color: var(--c-primary); }

@media (max-width: 767px) {
	.legal-text__inner { padding-top: calc(var(--header-h) + 24px); }
	.legal-text__title { font: var(--f-header-l); }
	.legal-text__content h2 { margin-top: 40px; font: var(--f-header-s); }
}