/* page-module.section — wraps nested modules in a semantic <section>.
   Section module's wrapper rules live in styles/structure.css (.page-section).
   Module-specific class additions go here. */

/* section-group — semantic grouping of modules. Provides structure for
   screen readers and keyboard navigation without visual styling by default. */
.section-group {
	position: relative;
}

/* Density: condensed
   Pulls nested page-modules together so the group reads as one cohesive unit.
   Section-header keeps its top breathing room but tightens its bottom edge so
   it reads with the nested children below it. */
.page-section.section-group.condensed {

	> page-module.section-header {
		padding-block-end: 2rem;
	}

	> .page-section page-module {
		--module-block-padding: 3rem;
	}
}