.preview-form-notice {
  margin: 0 0 0.75rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.65rem;
  background: #f5f8fb;
  color: #334155;
  font: 500 0.875rem/1.45 system-ui, sans-serif;
}

.preview-form-status,
.preview-form-noscript {
  margin-block: 0.75rem;
  padding: 0.8rem 1rem;
  border: 1px solid #2f765a;
  border-radius: 0.65rem;
  background: #eff8f2;
  color: #174b36;
  font: 500 0.95rem/1.5 system-ui, sans-serif;
}

.preview-form-status:focus,
.preview-form-noscript:focus {
  outline: 3px solid #1769aa;
  outline-offset: 3px;
}

.preview-field-error {
  margin: 0.35rem 0 0;
  color: #b42318;
  font: 500 0.875rem/1.45 system-ui, sans-serif;
}

[data-preview-form] :is(input, select, textarea)[aria-invalid="true"] {
  border-color: #b42318 !important;
}