/* ═════════════════════════════════════════════════════════════════
   LAYOUT — Site structure and section wrappers
   ═════════════════════════════════════════════════════════════════ */

.site-main { position: relative; }
.section { position: relative; padding: var(--section-y) 0; }
.section-wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 var(--container-x); position: relative; }

/* Section numbers (decorative, behind content) — hidden by default */
.sec-num,
.section.on-dark .sec-num { display: none; }

/* Ensure all direct children of section-wrap stack above decorative elements */
.section-wrap > * { position: relative; z-index: 1; }