.form-field {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.form-field :is(input, textarea) {
  width: 100%;
  min-width: 0;
  font: inherit;
  color: inherit;
}

.local-submit {
  min-height: 48px;
  padding: 12px 16px;
  border: 0;
  border-radius: 4px;
  background: #502d7f;
  color: #fff;
  font: 600 16px/24px Inter, sans-serif;
  transition: background-color .2s ease-out;
}

.local-submit:is(:hover, :focus-visible) { background-color: #6b42a8; }
.local-form-status { margin: 12px 0 0; font-size: 14px; line-height: 1.5; }
.local-form-status a { text-decoration: underline; }
.local-form-status[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) {
  .local-submit { transition: none; }
}