/* Page */
/* Page content */
.page-header {
	margin-bottom: var(--space-between-sections);
	padding-bottom: var(--padding-lg);
	border-bottom: 1px solid var(--color-border);
}

.page-header__title {
	margin: 0;
}

.entry-content {
	max-width: 70ch;
}

.entry-content > *:last-child {
	margin-bottom: 0;
}

/* Hero shell (styleguide / inner pages - not homepage hero-home) */
.site-main > .container > .hero {
	padding: var(--padding-hero);
	background: linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-primary-500) 55%, var(--color-primary-400) 100%);
	color: var(--color-text-inverse);
	border-radius: var(--radius-xl);
}

.hero__content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-hero-content);
	max-width: 42rem;
}

.hero__headline:not(.hero-home__title) {
	margin: 0;
	font: var(--type-display-md);
	font-family: var(--font-family-primary);
	font-weight: var(--font-weight-extrabold);
	letter-spacing: var(--ls-tighter);
	color: var(--color-text-inverse);
}

.hero__body {
	margin: 0;
	font: var(--type-body-lg);
	color: var(--color-primary-100);
}

.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-hero-ctas);
}

.section {
	padding-block: var(--padding-section);
}

.section--muted {
	background: var(--color-bg-subtle);
	border-radius: var(--radius-lg);
}