/* ==========================================================================
   Section Wrapper — layout-only vertical spacing between page sections.
   Width is always 100%; each section controls its own max-width / padding.
   ========================================================================== */

.csrc-section-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--sw-gap, 60px);
	width: 100%;
	margin-bottom: var(--sw-bottom, 100px);
}

/* Use when there's no banner/hero above — clears the site header. */
.csrc-section-wrapper--top-spacing {
	padding-top: 60px;
}