/* Audience landing pages: shared components for For Patients, For Providers, For Justice-Involved.
   Steps process section, CTA band, and audience-specific overrides. */

/* Full-width CTA band with colored background */
.kr-cta-band {
	padding-block: var(--k-space-2xl);
	text-align: center;
	background-color: var(--k-grassy-green);
}

.kr-cta-band .kr-section-heading {
	margin-block-end: var(--k-space-md);
	color: var(--k-secondary-text-color);
}

.kr-cta-band p {
	max-inline-size: var(--k-container-narrow);
	margin-block-end: var(--k-space-lg);
	margin-inline: auto;
	font-size: var(--k-text-lg);
	color: var(--k-secondary-text-color);
}

.kr-cta-band-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--k-space-sm);
	justify-content: center;
}

/* Audience intro: slightly wider than default page content */
.kr-audience-intro {
	max-inline-size: var(--k-container-narrow);
	margin-block-end: var(--k-space-xl);
	font-size: var(--k-text-lg);
	line-height: var(--k-lh-body);
}

/* Audience services section: reuses .kr-services-grid from pages.css
   but wraps it in a colored band */
.kr-audience-services {
	padding-block: var(--k-space-2xl);
	background-color: var(--k-gray);
}

.kr-audience-services .kr-section-heading {
	font-size: var(--k-text-2xl);
}

@media (max-width: 640px) {
	.kr-cta-band-buttons {
		flex-direction: column;
		align-items: center;
	}
}

@media (min-width: 1600px) {
	.kr-cta-band .kr-section-heading {
		font-size: var(--k-text-3xl);
	}

	.kr-audience-services .kr-section-heading {
		font-size: var(--k-text-2xl);
	}
}