/* Neutral default so this reads fine appended after ANY custom-designed
   proposal content. Override by defining these same variables in your own
   <style> block above (e.g. :root{ --mmp-accent:#FF6A39; }) to match a
   specific proposal's palette. */
.mmp-widget{
  --mmp-bg: #16130F;
  --mmp-fg: #F3EFE6;
  --mmp-dim: #C9AE84;
  --mmp-accent: #FF6A39;
  --mmp-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --mmp-body: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;

  background: var(--mmp-bg);
  color: var(--mmp-fg);
  padding: 56px 28px 64px;
  font-family: var(--mmp-body);
  max-width: 100%;
  box-sizing: border-box;
}
.mmp-widget *{ box-sizing: border-box; }
.mmp-widget .mmp-eyebrow{
  font-family: var(--mmp-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mmp-dim);
  display: block;
  margin: 0 auto 16px;
  max-width: 640px;
}
.mmp-widget .mmp-buttons{
  display: flex; flex-wrap: wrap; gap: 12px;
  max-width: 640px; margin: 0 auto 16px;
}
.mmp-widget .mmp-btn{
  font-family: var(--mmp-mono);
  font-size: 12.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mmp-fg);
  background: transparent;
  border: 1px solid var(--mmp-dim);
  padding: 14px 22px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.mmp-widget .mmp-btn:hover{ transform: translateY(-2px); }
.mmp-widget .mmp-btn--yes:hover, .mmp-widget .mmp-btn--yes.is-active{ background: var(--mmp-accent); border-color: var(--mmp-accent); color: #16130F; }
.mmp-widget .mmp-btn--no:hover, .mmp-widget .mmp-btn--no.is-active{ background: rgba(243,239,230,0.12); }
.mmp-widget .mmp-btn--q:hover, .mmp-widget .mmp-btn--q.is-active{ background: var(--mmp-dim); border-color: var(--mmp-dim); color: #16130F; }
.mmp-widget .mmp-btn--submit{ background: var(--mmp-dim); border-color: var(--mmp-dim); color: #16130F; }

.mmp-widget .mmp-decline-form{
  display: flex; flex-direction: column; gap: 10px;
  max-width: 420px; margin: 0 auto 16px;
}
.mmp-widget .mmp-decline-form label{
  font-family: var(--mmp-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mmp-dim);
}
.mmp-widget .mmp-decline-form select, .mmp-widget .mmp-decline-form textarea{
  font-family: var(--mmp-body); font-size: 14px; padding: 10px 12px;
  background: rgba(243,239,230,0.06); border: 1px solid rgba(243,239,230,0.25); color: var(--mmp-fg);
}

.mmp-widget .mmp-response{
  font-size: 14px; color: var(--mmp-dim); min-height: 20px;
  max-width: 640px; margin: 0 auto 8px;
}
.mmp-widget .mmp-note{
  font-family: var(--mmp-mono); font-size: 10.5px; color: rgba(243,239,230,0.4);
  max-width: 640px; margin: 12px auto 0;
}