/* Static-page (Privacy Policy / Terms of Use / Accessibility Statement) hero
   band. The body/TOC layout itself reuses .article-layout/.toc/.article-prose
   from single.css (same sticky-sidebar pattern, no need to duplicate it). */
.legal-hero {
	display: flex;
	align-items: flex-start;
	gap: var(--space-4);
	background: var(--color-mint-50);
	border: 1px solid var(--color-mint-100);
	border-radius: var(--radius-lg);
	padding: var(--space-6);
	margin-bottom: var(--space-8);
}

.legal-hero__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--color-neutral-0);
	color: var(--color-teal-700);
}

.legal-hero__icon svg {
	width: 26px;
	height: 26px;
}

.legal-hero h1 {
	margin: 0 0 var(--space-2);
}

.legal-hero__summary {
	margin: 0 0 var(--space-2);
	color: var(--color-text-secondary);
	max-width: 60ch;
}

.legal-hero__updated {
	margin: 0;
	font-size: var(--fs-meta);
	color: var(--color-text-secondary);
}

@media (max-width: 639px) {
	.legal-hero {
		flex-direction: column;
	}
}

.legal-page .article-prose h2 {
	scroll-margin-top: var(--space-6);
}