/* Legal pages (templates/page-nomiko.php) */
.be_legal-head {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 760px;
	margin-bottom: 48px;
}

.be_legal-updated {
	font: var(--be-small);
	color: var(--be-color-muted);
}

.be_legal-intro {
	font: var(--be-lead);
	color: var(--be-color-body);
}

.be_legal-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	gap: 64px;
	align-items: start;
}

.be_legal-index {
	position: sticky;
	top: calc(var(--be-header-h) + 24px);
	font: var(--be-small);
}

.be_legal-index-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0 0 0 20px;
	color: var(--be-color-muted);
}

.be_legal-index-list a {
	color: var(--be-color-graphite);
	text-decoration: none;
}

.be_legal-index-list a:hover {
	color: var(--be-color-brass-dark);
}

.be_legal-sections {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.be_legal-section {
	scroll-margin-top: calc(var(--be-header-h) + 24px);
}

.be_legal-h2 {
	margin-bottom: 12px;
	font-size: 30px;
}

.be_legal-num {
	color: var(--be-color-brass);
}

.be_legal-text {
	max-width: 72ch;
	font: 400 16px/1.7 var(--be-font-body);
	color: var(--be-color-body);
}

@media (max-width: 1100px) {
	.be_legal-layout {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.be_legal-index {
		position: static;
	}
}