/* Contact can override --site-form-ink/border/error and color-scheme on its form. */
form[data-site-form]{
  display:grid;
  gap:clamp(14px,1.4vw,28px);
  min-width:0;
  margin:0;
  color:var(--site-form-ink,#253946);
  color-scheme:var(--site-form-color-scheme,light);
  font-size:clamp(16px,1vw,28px);
  line-height:1.6;
}
form[data-site-form] .form-field{display:grid;gap:7px;min-width:0}
form[data-site-form] label{font:inherit}
form[data-site-form] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  box-sizing:border-box;
  display:block;
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--site-form-border,currentColor);
  border-radius:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:max(16px,1em);
  line-height:1.5;
}
form[data-site-form] textarea{min-height:8em;resize:vertical}
form[data-site-form] :is(input,textarea)::placeholder{color:inherit;opacity:.55}
form[data-site-form] select option{color:#253946;background:#f0e8d2}
form[data-site-form] :is(input,select,textarea,button):focus-visible{outline:2px solid currentColor;outline-offset:4px}
form[data-site-form] [aria-invalid="true"]{border-color:var(--site-form-error,#973f32)}
form[data-site-form] :is(.consent-row,[data-form-consent]){display:flex;align-items:flex-start;gap:10px;line-height:1.5}
form[data-site-form] :is(input[type="checkbox"],input[type="radio"]){flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--site-form-ink,#253946)}
form[data-site-form] :is(.form-note,[data-form-note]){margin:0;font-size:.82em;line-height:1.6;overflow-wrap:anywhere}
form[data-site-form] :is(.form-note,[data-form-note]) a{text-decoration:underline;text-underline-offset:3px}
form[data-site-form] button[type="submit"]{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:44px;
  padding:10px 22px;
  border:1px solid var(--site-form-border,currentColor);
  border-radius:0;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:1.4;
}
form[data-site-form] button[type="submit"]:hover:not(:disabled){opacity:.75}
form[data-site-form] :disabled{cursor:wait;opacity:.65}
form[data-site-form][aria-busy="true"] button[type="submit"]::after{
  content:"";
  width:.75em;
  height:.75em;
  border:1px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:site-form-spin 900ms linear infinite;
}
form[data-site-form] [data-form-status]{min-height:1.6em;margin:0;font-size:.88em;line-height:1.6;overflow-wrap:anywhere}
form[data-site-form] [data-form-status][data-state="error"]{color:var(--site-form-error,#973f32)}
form[data-site-form] :is(.form-trap,[data-form-trap]){position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;pointer-events:none}
@keyframes site-form-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){form[data-site-form]{gap:14px;font-size:16px}form[data-site-form] button[type="submit"]{padding:11px 18px}}
@media(prefers-reduced-motion:reduce){form[data-site-form][aria-busy="true"] button[type="submit"]::after{animation:none}}
