/* ============================================================
   Memberius Grid
   Bootstrap .row wrapper with consistent gutters and section
   spacing. Use as: <div class="row [row-cols-*] memberius-grid [size] [spacing]">.
   ============================================================ */

.memberius-grid {
  margin-top: 36px;
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
}

/* Size modifiers — override default gutter */
.memberius-grid-sm { --bs-gutter-x: 16px; --bs-gutter-y: 16px; }
.memberius-grid-lg { --bs-gutter-x: 48px; --bs-gutter-y: 56px; }

/* Axis modifiers — zero one axis without touching the other */
.memberius-grid-gx-0 { --bs-gutter-x: 0; }
.memberius-grid-gy-0 { --bs-gutter-y: 0; }

/* Spacing modifiers — override default top margin */
.memberius-grid-spaced { margin-top: 56px; }
.memberius-grid-tight  { margin-top: 12px; }
.memberius-grid-flush  { margin-top: 0; }

/* Bottom divider — generic utility, pair with .memberius-grid when needed */
.memberius-divider-bottom {
  padding-bottom: 40px;
  border-bottom: .5px solid var(--ink-200);
}