.contact-page {
  min-height: 100dvh;
}

.contact-page .auth-gate {
  display: flex;
  min-height: 100dvh;
  align-items: center;
  justify-content: center;
}

.contact-card h1 {
  margin: 8px 0 10px;
  color: #7c3f15;
  font-size: 1.1rem;
  font-weight: 800;
  text-align: center;
}

.contact-card > p {
  margin: 0 0 18px;
  color: #7c3f15;
  text-align: left;
}

.contact-card #contactForm {
  display: block;
}

.contact-card select,
.contact-card textarea {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 0.8rem;
}

.contact-card textarea {
  resize: vertical;
}

.contact-hint {
  display: block;
  margin-top: 4px;
  color: #9a6b4a;
  font-size: 0.8rem;
}

.contact-back-link {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin-top: 12px;
  color: #7c3f15;
  text-align: center;
  text-decoration: none;
}

.contact-thanks p {
  text-align: left;
  color: #7c3f15;
}

.contact-card .auth-error.is-success {
  color: #3d6c22;
  font-weight: 700;
}