/* ==========================================================================
   Layout — Container and section spacing patterns
   ========================================================================== */

/* Page-level flex column — sections stack flush (gap: 0) */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}

main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Shared section constraint used by about, portfolio, contact, testimonials */
.section-inner {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Page outer padding — 24px on all sides at desktop */
.page-pad {
  padding-left: var(--page-padding);
  padding-right: var(--page-padding);
}