/* ==========================================================================
   blocks/section — container block (live S3 section#brxe-jkzfuq; docs/BLOCKS.md §4.3, SECTIONS-A §3.3).
   The section box, tones (incl. the dark-fade ::before gradient: #0F202D 0% → #042E4A 25% of the whole
   section height) and padding modifiers are base.css (.section, .section--<tone>, .section--no-top);
   the inner container is base .container. This file adds what is specific to the wrapper:
   - its children are centred (live .brxe-container.align-items--center);
   - the gap between inner blocks (field `gap`) is exposed as --block-section-gap, so a nested block can
     space its own children to match (custom properties also inherit through the editor's block wrappers).
   Measured on live (S3): 1859.59 @1440 · 2130.13 @768 · 2134.06 @390; padding-top 0, bottom
   --section-space-m, inline --gutter; container gap --space-l (45 / 37.27 / 32.38).
   ========================================================================== */

.block-section__container {
  --block-section-gap: var(--space-m);
  align-items: center;
  gap: var(--block-section-gap);
}

.block-section__container--gap-l {
  --block-section-gap: var(--space-l);
}