/* section.css — page sections and their heads (12 §5 page-level). */

.section { padding-block: var(--section-y); }
.section--subtle { background: var(--bg-subtle); }
.section--tight { padding-block: var(--sp-7); }

.section__head {
  max-width: var(--w-prose);
  margin-bottom: var(--sp-6);
}

.section__head--center { margin-inline: auto; text-align: center; }

.section__head .eyebrow { margin-bottom: var(--sp-2); }
.section__head .lead { margin-top: var(--sp-3); }

.section__foot { margin-top: var(--sp-6); text-align: center; }