/* Generated by scripts/phase-f/emit-theme-regions.mjs — DO NOT EDIT BY HAND.
 * framework-11 (session B) #6 — single centred max-width axis for every section's
 * inner container so adjacent sections never align on different axes. Centring +
 * cap only; the section's own full-bleed background/padding is untouched.
 *
 * Specificity note: per-component builder CSS targets .section_x .container-large
 * (0,2,0) and sometimes pins a fixed width:1280px + side margin (content-box),
 * which overflows its padded parent and reads as "misaligned". We win the cascade
 * with a (0,3,0) selector and reset width:auto so the container fills its padded
 * parent and centres — matching every other section onto one axis. The strong
 * selector uses :is([class*="section_"], [class*="section-"]) so it covers BOTH
 * underscore- and hyphen-prefixed section roots (e.g. section-testimonial-new,
 * section-aws); a bare [class*="section_"] missed hyphen roots, dropping them to
 * the (0,2,0) fallback that ties — and loses to — the component rule on source
 * order (framework-11 FA-6, invest-2026-06-04).
 */

/* Global border-box reset (framework-14, 2026-07-07). Every builder-authored
 * component CSS AND the Phase-G style-fixer's forced section heights assume the
 * border-box model — a section's captured SOURCE bbox is its border-box height.
 * Without this reset the browser default (content-box) makes a component's own
 * padding STACK ON TOP of a forced height, inflating the section band ~100-130px
 * and cascading a vertical offset into every section below it; the Phase-G
 * section-diff then reads that offset as a large diff on an otherwise
 * pixel-perfect component (verified: cs_title 37%->15% at 768 from this one
 * rule). box-sizing is a non-inherited, cascade-neutral property (nothing else
 * sets it), so a 0-specificity universal rule is safe. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

.region-content :is([class*="section_"], [class*="section-"]) .container-large,
.region-content .container-large {
  width: auto;
  max-width: var(--container-max, 1280px);
  margin-inline: auto;
}