/* Contact / bug form (/contact) page-only styles. Shared look lives in /style.css; only page-specific rules here. */

.contact-form, #report .notice { max-width: 44rem; }

/* The message and the name keep their own case and the body font; style.css's .input is the uppercase search box. */
.contact-form textarea.input {
  height: auto;
  min-height: 11rem;
  padding: .6rem .75rem;
  resize: vertical;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.55;
  letter-spacing: 0;
  text-transform: none;
}
.contact-form input.input { text-transform: none; letter-spacing: .02em; }
.contact-form textarea.input::placeholder, .contact-form input.input::placeholder { letter-spacing: 0; text-transform: none; }

.contact-counter { text-align: right; font-variant-numeric: tabular-nums; }
.contact-counter.short { color: var(--signal); }

.contact-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: .25rem; }
.contact-actions p { margin: 0; }

/* Honeypot: off-screen for people, present for bots (not .sr-only, which screen readers would announce). */
.hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }