/**
 * MooseU Layout Builder styles (backs the layout_builder_styles config
 * created by rebuild 76).
 *
 * Editors pick these on the section or block configure form; the module
 * stamps the classes on the section's layout root or the block wrapper.
 * Every class here is standalone so the same treatment works on a whole
 * section, a single block, core layouts, or the MooseU theme layouts.
 */

/* -- Shared surface for every brand treatment ------------------------ */
.mu-style-card,
.mu-style-band-blue,
.mu-style-band-gold,
.mu-style-band-navy,
.mu-style-watercolor {
  position: relative;
  padding: 2rem 1.8rem;
  border-radius: 18px;
  overflow: hidden;
  margin-block: 1.2rem;
}

/* -- White card ------------------------------------------------------ */
.mu-style-card {
  background: #fff;
  border: 1px solid var(--mu-card-border, #e6ebf3);
  box-shadow: var(--mu-shadow, 0 1px 2px rgba(16, 42, 77, 0.06), 0 6px 18px rgba(16, 42, 77, 0.07));
}

/* -- Soft blue band --------------------------------------------------- */
.mu-style-band-blue {
  background: linear-gradient(180deg, #eef5ff, #ffffff 85%);
  border: 1px solid #d7e5f6;
}

/* -- Gold ribbon band -------------------------------------------------- */
.mu-style-band-gold {
  background: linear-gradient(180deg, #fff8e6, #ffffff 80%);
  border: 1px solid #eedfae;
}
.mu-style-band-gold::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, #f0b429, #c98a12);
}

/* -- Navy band (light text) -------------------------------------------- */
.mu-style-band-navy {
  background:
    radial-gradient(420px 180px at 85% 12%, rgba(240, 180, 41, 0.16), transparent 65%),
    linear-gradient(135deg, #15355c, #1d4e8c);
  border: 1px solid #102a4d;
  color: #eaf1fa;
}
.mu-style-band-navy :is(h1, h2, h3, h4, p, li, .field__label) {
  color: #f4f8fd;
}
.mu-style-band-navy a { color: #ffd877; }
/* Keep nested white cards readable inside the navy wash. */
.mu-style-band-navy :is(.mooseu-card, .mu-card, .mu-style-card) {
  color: var(--mu-ink, #1c2b3a);
}
.mu-style-band-navy :is(.mooseu-card, .mu-card, .mu-style-card) :is(h1, h2, h3, h4, p, li) {
  color: var(--mu-ink, #1c2b3a);
}

/* -- Watercolor welcome ------------------------------------------------
   The soft wash from the home welcome card, generalized. */
.mu-style-watercolor {
  background:
    radial-gradient(220px 90px at 12% 22%, rgba(240, 180, 41, 0.18), transparent 62%),
    radial-gradient(260px 110px at 85% 30%, rgba(38, 115, 196, 0.10), transparent 65%),
    radial-gradient(240px 100px at 70% 85%, rgba(240, 180, 41, 0.12), transparent 60%),
    linear-gradient(180deg, #fffdf4, #fdf7e3);
  border: 1px dashed #e3cf8f;
}

/* -- Helpers (Width / Spacing / Alignment groups) ----------------------
   Declared after the treatments so their padding wins at equal
   specificity. */
.mu-width-narrow {
  max-width: 820px;
  margin-inline: auto;
}

.mu-space-roomy { padding: 3.2rem 2.4rem; }
.mu-space-snug {
  padding: 0.9rem 1.1rem;
  margin-block: 0.5rem;
}

.mu-center { text-align: center; }