/* =====================================================================
   pages/solar-services.css — Solar Services archive + single.
   The service card, process band, CTA band, FAQ accordion and the blocks
   shared with the Electrical service pages (the alternating detail band, the
   cross-link row, the editor-content block) are components; see
   assets/css/components/ — service-page.css in particular.
   ===================================================================== */

/* ---------------------------------------------------------------
   What every install includes
   --------------------------------------------------------------- */
.included-section {
	background-color: var(--background-color);
}

/* ---------------------------------------------------------------
   FAQs
   --------------------------------------------------------------- */
.faq-section {
	background-color: var(--background-alt);
}

/* ===============================================================
   Single service page (Solar-Service-Inner-Page.png)
   The inner-page design runs a slightly tighter vertical rhythm than the
   listing: its section bands measure ~100px of padding where the listing's
   measure ~120px.
   =============================================================== */
.single-solar_service {
	--section-spacing: 6.25rem;
}

/* -- Hero -- */
/* The design's hero band is 628px tall; the headline needs an 832px measure to
   stay on the one line the design gives it. */
.single-solar_service .page-hero {
	min-height: 39.25rem;
	--page-hero-measure: 52rem;
}

/* -- System options / benefits grids -- */
.options-section {
	background-color: var(--background-alt);
}

.benefits-section {
	background-color: var(--background-color);
}

/* The design bands this page's quote block on the tinted cream, between the two
   plain-cream grids either side of it. */
.single-solar_service .quote-section {
	background-color: var(--background-alt);
}


/* ---------------------------------------------------------------
   In-page service navigation
   The service cards link to the detail sections on this page. This
   stylesheet is only enqueued here, so the smooth scroll stays scoped
   to this page. The site header is position: relative, so no
   scroll-margin-top offset is needed.
   --------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}