.state-landing-page {
	background: #eef1f7;
	padding: 0;
}

.state-landing-page__canvas {
	max-width: none;
	margin: 0 auto;
	background: #f4f6fb;
	overflow: hidden;
}

.state-landing-page__canvas > .alignfull,
.state-landing-page__canvas > .alignwide {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* State landing section colors from the Figma frame. */
.state-landing-page .state-version-hero { background: #14328a; }
.state-landing-page .state-loan-summary__stats { background: #fff; }
.state-landing-page .state-loan-summary__actions { background: #fff8dd; }
.state-landing-page .state-locator { background: #f4f6fb; }
.state-landing-page .state-why-choose { background: #eaeef9; }
.state-landing-page .state-testimonials { background: #fff; }
.state-landing-page .state-how-to-apply,
.state-landing-page .state-how-to-apply .about-area { background: #f4f6fb; }
.state-landing-page .state-loan-uses { background: #fff; }
.state-landing-page .block-accordion { background: #f4f6fb; }
.state-landing-page .block-cta-banner { background: #14328a; }

/* Match the established Taxes page typography within StateVersion content. */
.state-landing-page__canvas .state-locator__header > div,
.state-landing-page__canvas .state-locator__cities button,
.state-landing-page__canvas .state-locator__search input,
.state-landing-page__canvas .state-why-choose header > div,
.state-landing-page__canvas .state-why-choose article > div > div,
.state-landing-page__canvas .state-testimonials header > div,
.state-landing-page__canvas .state-testimonials article > div:last-child,
.state-landing-page__canvas .state-how-to-apply-version header > div,
.state-landing-page__canvas .state-how-to-apply-version article > div:last-child > div,
.state-landing-page__canvas .state-loan-uses header > div,
.state-landing-page__canvas .state-loan-uses__copy > div,
.state-landing-page__canvas .block-accordion .accordion-button,
.state-landing-page__canvas .block-accordion .accordion-body {
	color: #332f30;
	font-size: 16px;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.state-landing-page__canvas .state-locator__header h2,
	.state-landing-page__canvas .state-why-choose h2,
	.state-landing-page__canvas .state-testimonials h2,
	.state-landing-page__canvas .state-how-to-apply-version h2,
	.state-landing-page__canvas .state-loan-uses h2,
	.state-landing-page__canvas .block-accordion .area-title h2 {
		color: #21409a;
		font-size: 36px;
		font-weight: 700;
		line-height: 1.2;
	}
}

@media (max-width: 767px) {
	.state-landing-page { padding: 0; }
	.state-landing-page__canvas { box-shadow: none; }
	.state-landing-page__canvas > .block-accordion { padding-top: 30px !important; padding-bottom: 30px !important; }
	.state-landing-page__canvas > .block-accordion .section-title,
	.state-landing-page__canvas > .block-accordion h2 { text-align: left !important; font-size: 20px !important; line-height: 1.15 !important; }
	.state-landing-page__canvas > .block-accordion .accordion-item,
	.state-landing-page__canvas > .block-accordion .card { margin-bottom: 8px !important; }
	.state-landing-page__canvas > .block-accordion .accordion-button::after { content: '+' !important; width: auto !important; height: auto !important; background: none !important; color: #14328a; font-size: 14px; line-height: 1; transform: none !important; }
	.state-landing-page__canvas > .block-accordion .accordion-button[aria-expanded="false"]::after { content: '+' !important; }
	.state-landing-page__canvas > .block-accordion .accordion-button[aria-expanded="true"]::after { content: '\2212' !important; }
}
