/* Components/Shared/Section.razor — generic content section (optional H2 + body).
 *
 * Global rather than scoped, so the selectors are qualified with the `section`
 * the component renders; an unqualified `.section h2 { margin-top: 0 }` would
 * reach every h2 under any element classed `section`, including the stored page
 * HTML ContentPage emits verbatim.
 *
 * The var() declarations resolve to nothing — see the note in button.css. */

section.section {
    padding-block: var(--space-7);
}

section.section:nth-of-type(even) {
    background: var(--color-surface);
}

section.section h2 {
    margin-top: 0;
}