/* ==========================================================================
   Solution pages — shared foundation
   Loaded only by page-solution.php. Everything is scoped to `.solution-page`
   so the frozen templates keep their current header and layout.
   ========================================================================== */

.solution-page {
	/* Figma values with no equivalent in the global palette. */
	--solution-text-muted: #5c635a;
	--solution-marker-green: #1f7e61;
}

/* Header overlay is the global Figma pill (fixed, 12px inset on desktop).
   Hero top padding still reserves space below it. */

/* --------------------------------------------------------------------------
   Editor guard rail — never rendered for visitors
   -------------------------------------------------------------------------- */

.solution-notice {
	margin: 0;
	padding: var(--space-24) var(--space-40);
	background-color: var(--color-bg-emphasis);
	color: var(--color-text-default);
	font-family: var(--font-family-body);
	font-size: var(--text-body-sm-size);
	line-height: var(--text-body-sm-lh);
	text-align: center;
}