/* ============================================================
   MU LAYOUT VARIATIONS — EXTENDS MU-BLOCK (NO TYPOGRAPHY)
   ============================================================ */

/* ------------------------------------------------------------
   1. SPACING VARIANTS
   ------------------------------------------------------------ */

.mu-block-tight {
  padding: calc(1.5rem * 0.5); /* half of MU block padding */
  margin-block: 1rem;
}

.mu-block-loose {
  padding: calc(1.5rem * 2); /* double MU block padding */
  margin-block: 2rem;
}

/* ------------------------------------------------------------
   2. FLEX / ROW / COLUMN VARIANTS
   ------------------------------------------------------------ */

.mu-block-row {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.mu-block-column {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.mu-block-center {
  text-align: center;
  margin-inline: auto;
}

/* ------------------------------------------------------------
   3. GRID VARIANTS
   ------------------------------------------------------------ */

.mu-block-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}

.mu-block-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}

/* ------------------------------------------------------------
   4. WIDTH VARIANTS
   ------------------------------------------------------------ */

.mu-block-full {
  width: 100%;
}

.mu-block-narrow {
  max-width: var(--mu-narrow-width);
  margin-inline: auto;
}

.mu-block-wide {
  max-width: var(--mu-wide-width);
  margin-inline: auto;
}

/* ------------------------------------------------------------
   5. BORDERED BLOCK (NEW)
   ------------------------------------------------------------ */

.mu-block-box {
  padding: 1.5rem; /* matches MU block padding */
  margin-block: 1.5rem;
  border: 2px solid #d8dde3; /* slightly stronger border */
  border-radius: 0.5rem; /* matches MU block radius */
  background: #ffffff; /* matches MU block background */
}