/* Page sections. Themes: white (default), paper, dark. */
.section { padding-block: var(--space-section); background: var(--color-white); color: var(--color-ink); }
.section--paper { background: var(--color-paper); }
.section--dark { background: var(--color-green); color: var(--color-white); }
.section__inner { display: flex; flex-direction: column; gap: var(--space-8); }
.section__header { display: flex; flex-direction: column; gap: 18px; max-width: 720px; }
.section__title { margin: 0; }
.section--dark .section__title, .section--dark h2 { color: var(--color-white); }
.section__lead { margin: 0; font-size: var(--text-lg); line-height: var(--leading-body); color: var(--color-muted); }
.section--dark .section__lead { color: var(--color-on-dark-muted); }
.section__note { margin: 0; font-size: var(--text-sm); color: var(--color-muted); }