/* Marigold — sections added to the original design.
   The sections themselves are written in the design's Tailwind vocabulary (brand-bg,
   brand-plum, brand-gold, Maleha, Habibi) so the play CDN styles them exactly like the
   originals. This file only covers what Tailwind utilities cannot reach: paragraph
   rhythm inside bound prose, the RSVP fields, and an entrance matching script.js
   (50px, 1.2s, power2.out). */

[data-wiy-extension] {
  --wiy-rise: 50px;
  --wiy-rise-d: 1.2s;
  --wiy-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

.wiy-mg-prose p + p { margin-top: 1rem; }

.wiy-mg-story:not(:has(.wiy-mg-story__art img)) { grid-template-columns: minmax(0, 1fr); text-align: center; }
.wiy-mg-story:not(:has(.wiy-mg-story__art img)) .wiy-mg-story__art { display: none; }
.wiy-mg-story:not(:has(.wiy-mg-story__art img)) .text-left { text-align: center; }
.wiy-mg-milestones:not(:has(> div)),
.wiy-mg-members:not(:has(li)) { display: none; }

.wiy-mg-label {
  display: block;
  margin-bottom: 0.35rem;
  font-family: 'Habibi', serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #BF953F;
}
.wiy-mg-input {
  box-sizing: border-box;
  width: 100%;
  padding: 0.75rem 0.95rem;
  border: 1px solid rgba(191, 149, 63, 0.3);
  border-radius: 0.65rem;
  background: rgba(245, 228, 215, 0.45);
  font-family: 'Habibi', serif;
  font-size: 1.05rem;
  color: #3E1A3C;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.wiy-mg-input:focus { border-color: #BF953F; box-shadow: 0 0 0 3px rgba(191, 149, 63, 0.15); }
select.wiy-mg-input { cursor: pointer; }
textarea.wiy-mg-input { min-height: 5.5rem; resize: vertical; }
.wiy-mg-form [data-rsvp-status][data-state="error"] { color: #D32F2F; }