/* Moosed contact drop-in v1 (2026-11-02). Inherits each site's design tokens.
   Override any --mc-* on .mc-contact in the site's own CSS if needed. */
.mc-contact{
  --mc-accent: var(--accent, var(--amber, var(--river, #E8A33D)));
  --mc-on-accent: #0A0A0C;
  --mc-panel: var(--panel, var(--bg-panel, transparent));
  --mc-line: var(--line, rgba(127,127,127,.35));
  --mc-radius: 12px;
  --mc-ok: #2f9e6a;
  --mc-err: #d0533f;
  color: inherit; font: inherit;
  max-width: 40rem; margin: 2rem auto; padding: clamp(1rem, 3vw, 2rem);
  background: var(--mc-panel); border: 1px solid var(--mc-line); border-radius: var(--mc-radius);
}
.mc-contact *{box-sizing:border-box}
.mc-contact h2{margin:0 0 .25rem;font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2}
.mc-contact .mc-lede{margin:0 0 1.25rem;opacity:.8}
.mc-contact .mc-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media (max-width:560px){.mc-contact .mc-row{grid-template-columns:1fr}}
.mc-contact label{display:block;font-size:.85rem;font-weight:600;letter-spacing:.02em;margin:0 0 .35rem}
.mc-contact .mc-field{margin:0 0 1rem}
.mc-contact input,.mc-contact select,.mc-contact textarea{
  width:100%;font:inherit;color:inherit;background:transparent;
  border:1px solid var(--mc-line);border-radius:calc(var(--mc-radius) - 4px);padding:.7rem .8rem;
}
.mc-contact select option{color:#0A0A0C}
.mc-contact textarea{min-height:9rem;resize:vertical}
.mc-contact input:focus,.mc-contact select:focus,.mc-contact textarea:focus{
  outline:2px solid var(--mc-accent);outline-offset:1px;border-color:var(--mc-accent)}
.mc-contact .mc-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.mc-contact button{
  font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:999px;padding:.8rem 1.6rem;
  background:var(--mc-accent);color:var(--mc-on-accent);transition:transform .15s ease,opacity .15s ease}
.mc-contact button:hover{transform:translateY(-1px)}
.mc-contact button[disabled]{opacity:.6;cursor:progress;transform:none}
.mc-contact .mc-foot{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.mc-contact .mc-privacy{font-size:.8rem;opacity:.7;margin:0}
.mc-contact .mc-status{margin:1rem 0 0;padding:.75rem 1rem;border-radius:calc(var(--mc-radius) - 4px);display:none}
.mc-contact .mc-status.is-ok{display:block;border:1px solid var(--mc-ok)}
.mc-contact .mc-status.is-err{display:block;border:1px solid var(--mc-err)}
@media (prefers-reduced-motion:reduce){.mc-contact button{transition:none}}