/* ============================================================
   BLUEMONT LABS — Layout Helpers
   ============================================================ */

/* ── Grid utilities ─────────────────────────────────────────── */
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-8); }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-8); }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-6); }

/* ── Flex helpers ───────────────────────────────────────────── */
.flex-center     { display: flex; align-items: center; justify-content: center; }
.flex-between    { display: flex; align-items: center; justify-content: space-between; }
.flex-col        { display: flex; flex-direction: column; }
.flex-col-center { display: flex; flex-direction: column; align-items: center; }

/* ── Spacing helpers ────────────────────────────────────────── */
.mt-auto { margin-top: auto; }
.mb-4    { margin-bottom: var(--sp-4); }
.mb-6    { margin-bottom: var(--sp-6); }
.mb-8    { margin-bottom: var(--sp-8); }

/* ── Text align ─────────────────────────────────────────────── */
.text-center { text-align: center; }

/* ── Overflow helpers ───────────────────────────────────────── */
.overflow-hidden { overflow: hidden; }