/* The contact form, in all three languages. Loads after base.css. */
main { max-width: 560px; margin: 0 auto; padding: 48px 24px 80px; }
.intro {
  font-family: "Newsreader", Georgia, serif; font-style: italic;
  color: var(--prose); font-size: 19px; margin-bottom: 30px;
}
form { display: flex; flex-direction: column; gap: 14px; }
label { font-size: 14px; color: var(--prose); display: flex; flex-direction: column; gap: 6px; }
label.row { flex-direction: row; align-items: baseline; gap: 10px; }
label.row input { width: auto; }
input, textarea {
  font: inherit; color: var(--ink); background: var(--card);
  border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px;
}
textarea { min-height: 140px; resize: vertical; }
input:focus, textarea:focus { outline: none; border-color: var(--moss); }
button {
  font: inherit; cursor: pointer; background: var(--btn); color: var(--ink);
  border: none; border-radius: 10px; padding: 12px 22px; align-self: flex-start;
}
.note { color: var(--soft); font-size: 13px; }
.note a { color: var(--moss); }
.thanks {
  display: none; font-family: "Newsreader", Georgia, serif; font-style: italic;
  color: var(--moss); font-size: 19px;
}
.fail { display: none; color: var(--soft); font-size: 14px; }