/* Shared styles for sharpandsoft.org intake forms (S-549). No JavaScript. */

form.intake { display: flex; flex-direction: column; gap: .35rem; max-width: 40rem; }
form.intake label { font-weight: 600; margin-top: .7rem; }
form.intake .opt { font-weight: 400; opacity: .6; }

form.intake input[type="text"],
form.intake input[type="email"],
form.intake textarea {
  font: inherit;
  padding: .55rem .65rem;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  background: #fff;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
}
form.intake textarea { resize: vertical; }
form.intake input:focus,
form.intake textarea:focus { outline: 2px solid #1a1a1a; outline-offset: 1px; }

form.intake button {
  margin-top: 1.1rem;
  align-self: flex-start;
  font: inherit;
  font-weight: 600;
  padding: .6rem 1.5rem;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  background: #1a1a1a;
  color: #fff;
}
form.intake button:hover { background: #000; }

.formnote { margin-top: 1.1rem; font-size: .9rem; opacity: .75; }

/* Honeypot: off-screen, never shown to humans, not focusable, not announced. */
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }