/**
 * Legal / text pages (Privacy, Terms, Disclaimer, Credits): a sky hero with
 * the page title, then one readable column. Classes are set on the Bricks
 * sections (mish-legal-hero, mish-legal-body) and on each Credits block.
 */

.brxe-section.mish-legal-hero {
	padding: calc(var(--section-space-m, 64px) * .6) var(--space-m, 24px) calc(var(--section-space-m, 64px) * .4);
	background: linear-gradient(180deg, var(--primary-l-10, #e8f1fc) 0%, #fff 100%);
}

.mish-legal-hero > .brxe-container,
.mish-legal-body > .brxe-container {
	width: 100%;
	max-width: 820px;
	margin-inline: auto;
}

.mish-legal-hero .brxe-container h1.brxe-heading {
	margin: 0;
	font-family: "Mishnah Display", Georgia, serif;
	font-size: var(--display-s);
	font-weight: 400;
	line-height: 1.08;
	color: #0a1a2e;
}

.mish-legal-hero .brxe-container h1.brxe-heading::before {
	content: "";
	display: block;
	width: 44px;
	height: 3px;
	margin-bottom: 20px;
	border-radius: 2px;
	background: var(--secondary, #ffd36b);
}

.brxe-section.mish-legal-body {
	padding: calc(var(--section-space-m, 64px) * .5) var(--space-m, 24px) var(--section-space-m, 64px);
}

.mish-legal-body .brxe-text,
.mish-legal-body .brxe-text-basic {
	color: #26364d;
	font: 400 17px/1.75 Inter, sans-serif;
}

.mish-legal-body p {
	margin: 0 0 1.1em;
}

/* "1. Section title" lines are a bold-only paragraph. */
.mish-legal-body p > strong:only-child {
	display: block;
	margin-top: 1.4em;
	padding-top: 1.1em;
	border-top: 1px solid rgba(10, 26, 46, .12);
	font: 600 11.5px/1.3 Inter, sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--primary, #2e77d1);
}

.mish-legal-body ul {
	margin: 0 0 1.2em;
	padding-left: 1.3em;
}

.mish-legal-body li {
	margin-bottom: .5em;
}

.mish-legal-body li::marker {
	color: var(--primary, #2e77d1);
}

.mish-legal-body a {
	color: var(--primary, #2e77d1);
	text-underline-offset: 3px;
}

.mish-legal-body a:hover {
	color: #0a1a2e;
}

/* Credits: one ruled block per credit. */
.mish-legal-body .mish-legal-credit {
	margin-top: 2.2em;
	padding-top: 1.6em;
	border-top: 1px solid rgba(10, 26, 46, .12);
}

.mish-legal-body .mish-legal-credit img {
	display: block;
	width: auto;
	max-width: 220px;
	margin-bottom: 1em;
}

.mish-legal-body .brxe-text h4 {
	margin: 0 0 .5em;
	font-family: "Mishnah Display", Georgia, serif;
	font-size: 32px;
	font-weight: 400;
	line-height: 1.2;
	color: #0a1a2e;
}