/**
 * Legal document pages.
 *
 * The page content is supplied by the slug-specific PHP templates copied from
 * the legacy theme. This stylesheet only adapts that content to V2 tokens.
 */

.mb-legal-page {
	background: var(--color-background);
	color: var(--color-text);
	margin-inline: 0;
	max-width: none;
	padding: clamp(3.5rem, 7vw, 6.5rem) var(--gutter);
	width: 100%;
}

.mb-legal-page__container {
	margin-inline: auto;
	max-width: var(--container-wide);
	width: 100%;
}

.mb-legal-document {
	background: var(--color-surface);
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius-large);
	box-shadow: var(--shadow-surface);
	margin-inline: auto;
	max-width: 58rem;
	padding: clamp(1.5rem, 4vw, 3.75rem);
}

.mb-legal-document__header {
	border-block-end: var(--border-width) solid var(--color-border);
	margin-block-end: clamp(2rem, 4vw, 3rem);
	padding-block-end: clamp(1.5rem, 3vw, 2.25rem);
}

.mb-legal-document__eyebrow {
	color: var(--color-accent);
	font-size: var(--font-size-small);
	font-weight: 800;
	letter-spacing: 0.09em;
	margin: 0 0 0.75rem;
	text-transform: uppercase;
}

.mb-legal-document__title {
	color: var(--color-text);
	font-family: var(--font-family-display);
	font-size: var(--font-size-heading-1);
	line-height: var(--line-height-heading);
	margin: 0 0 1.25rem;
}

.mb-legal-document__intro {
	color: var(--color-text-muted);
	font-size: var(--font-size-lead);
	line-height: 1.6;
	margin: 0;
}

.mb-legal-document__section + .mb-legal-document__section {
	margin-block-start: clamp(1.75rem, 3vw, 2.5rem);
}

.mb-legal-document__section h2 {
	color: var(--color-text);
	font-family: var(--font-family-display);
	font-size: var(--font-size-heading-3);
	line-height: 1.3;
	margin: 0 0 0.75rem;
}

.mb-legal-document__section p,
.mb-legal-document__section li {
	color: var(--color-text);
	font-size: var(--font-size-body);
	line-height: 1.7;
}

.mb-legal-document__section p {
	margin: 0 0 0.75rem;
}

.mb-legal-document__section p:last-child {
	margin-block-end: 0;
}

.mb-legal-document__section ul {
	margin: 0;
	padding-inline-start: 1.5rem;
}

.mb-legal-document__section li + li {
	margin-block-start: 0.35rem;
}

.mb-legal-document a {
	color: var(--color-accent);
	overflow-wrap: anywhere;
	text-decoration: none;
}

.mb-legal-document a:hover,
.mb-legal-document a:focus-visible {
	color: var(--color-accent-hover);
}

.mb-legal-document__contacts {
	background: var(--color-surface-muted);
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius-medium);
	padding: clamp(1.125rem, 2.5vw, 1.75rem);
}

@media (max-width: 680px) {
	.mb-legal-page {
		padding-block: 2.75rem 3.5rem;
	}

	.mb-legal-document {
		border-radius: var(--radius-medium);
		padding: 1.5rem 1.125rem;
	}

	.mb-legal-document__title {
		font-size: clamp(2rem, 9vw, 2.6rem);
	}

	.mb-legal-document__intro {
		font-size: 1rem;
	}
}