.feedback-page {
  max-width: 800px;
}

.feedback-description {
  margin-bottom: 1.5rem;
}

.feedback-success {
  color: #12351f;
  background: #d9f2df;
  border-color: #90c99d;
}

.feedback-form-card {
  padding: clamp(1.25rem, 3vw, 2rem);
  background: #fff;
  border: 1px solid #d9dfdc;
  border-radius: 0.4rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.08);
}

.feedback-form-card h2 {
  margin-bottom: 0.5rem;
}

.feedback-form-instructions {
  margin-bottom: 1.25rem;
}

.feedback-form-card label {
  display: block;
  margin-bottom: 0.4rem;
  font-weight: 600;
  text-transform: none;
}

.feedback-form-card small {
  display: block;
  margin-top: 0.3rem;
  line-height: 1.4;
}

.feedback-help {
  color: #4b5651;
}

.feedback-required,
.feedback-error {
  color: #b42318;
}

.feedback-error {
  min-height: 1.25rem;
  font-weight: 600;
}

.feedback-form-card [aria-invalid="true"] {
  border-color: #b42318 !important;
  box-shadow: 0 0 0 0.15rem rgba(180, 35, 24, 0.15);
}

.feedback-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}