/*
 * Shared styling for the intake forms (get-started.html, momfit.html).
 *
 * Everything else on this site is inlined per page — these rules live in a file
 * because the two forms must look and behave identically, and because the
 * honeypot has to be genuinely invisible on both.
 */

/* Status region: hidden until the form has something to say. */
.intake-status {
  display: none;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.55;
}

.intake-status.ok {
  background: rgba(192, 240, 128, .18);
  border: 1px solid var(--lime);
  color: #33510f;
}

.intake-status.ok b { color: #23400a; }

.intake-status.err {
  background: #fdf1f0;
  border: 1px solid #f0c4c0;
  color: #8c2f26;
}

.intake-status a { color: inherit; text-decoration: underline; }

/*
 * Honeypot. Off-screen rather than display:none — some bots skip fields that
 * are explicitly hidden. aria-hidden and tabindex="-1" on the markup keep it
 * away from screen readers and the tab order.
 */
.hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* A submitting button should look like it is doing something. */
button[type=submit]:disabled {
  opacity: .6;
  cursor: progress;
  transform: none;
  box-shadow: none;
}