/**
 * Legal support pages (Privacy / shared legal body styles).
 * Readable line length and temporary placeholder styling with client palette.
 */

.legal-body {
	max-width: 760px;
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.dev-note {
	margin: 0;
	padding: 10px 16px;
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--nc-navy);
	background: var(--nc-aqua-tint);
	border: 1px solid var(--nc-line);
	border-radius: var(--nc-radius);
}

.legal-block__title {
	margin-top: 6px;
	margin-bottom: 8px;
	font-size: 1.2rem;
}

.legal-block__text {
	color: var(--nc-text-soft);
	font-size: 0.94rem;
	line-height: 1.65;
	max-width: 65ch;
}

.legal-block__text--placeholder {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.88rem;
}

@media (max-width: 640px) {
	.legal-body {
		gap: 20px;
	}

	.legal-block__title {
		font-size: 1.1rem;
	}
}