/* Shared base for the self-contained form components (enroll/login/contact).
   Each component root carries class `ana-form` PLUS its own named class
   (`enroll-form`/`login-form`/`contact-form`); only component-specific rules
   live in the per-component stylesheet. */
.ana-form { max-width: 480px; margin: 2rem auto; padding: 1.5rem; }
.ana-form label { display: block; margin-bottom: .5rem; font-weight: 600; }
.ana-form input,
.ana-form textarea {
  width: 100%;
  padding: .6rem;
  font-size: 1rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
.ana-form textarea {
  resize: vertical;
  min-height: 140px;
  font-family: inherit;
}
.ana-form .submit-row { margin-top: .5rem; display: flex; gap: .75rem; }
.ana-form button { padding: .6rem 1.25rem; font-size: 1rem; cursor: pointer; }
.ana-form button[disabled] { opacity: .6; cursor: not-allowed; }
.ana-form .msg { margin-top: 1rem; }
.ana-form .msg.ok  { color: #1d5f1d; }
.ana-form .msg.err { color: #b00020; }
.ana-form .preview-note { color: #555; font-style: italic; margin-top: .75rem; }