.content-page {
	background: var(--formstec-white, #ffffff);
	color: var(--formstec-navy, #0a1628);
	max-width: none;
	padding: 0;
}

.content-shell {
	margin: 0 auto;
	max-width: 75rem;
	padding-inline: clamp(1rem, 4vw, 2rem);
}

.inner-hero {
	align-items: end;
	background: var(--formstec-color-neutral, #f4f7fa);
	display: flex;
	min-height: clamp(15rem, 38vh, 23rem);
	padding-block: clamp(2.5rem, 7vh, 5rem);
}

.inner-hero h1 {
	margin: 0;
	max-width: 20ch;
}

.inner-hero__eyebrow {
	color: var(--formstec-primary-blue, #0756d9);
	font-weight: 700;
	letter-spacing: 0.06em;
	margin: 0 0 0.5rem;
	text-transform: uppercase;
}

.content-page__body {
	padding-block: clamp(2rem, 6vw, 5rem);
}

.content-prose {
	max-width: 52rem;
}

.content-prose > *:first-child {
	margin-top: 0;
}

.content-prose h2 {
	margin-top: 2.25rem;
}

.content-grid {
	display: grid;
	gap: clamp(1rem, 3vw, 1.5rem);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
}

.content-card {
	border: 1px solid var(--formstec-color-muted, #bcc6d4);
	border-radius: 0.5rem;
	padding: 1.25rem;
}

.content-card h2 {
	font-size: 1.25rem;
	margin-top: 0;
}

.article-attribution {
	border-bottom: 1px solid var(--formstec-color-muted, #bcc6d4);
	color: var(--formstec-color-slate, #41516b);
	margin-bottom: 2rem;
	padding-bottom: 1rem;
}

.article-attribution p {
	margin: 0.25rem 0;
}