/* ===============================
   Feedback Page — Page-Specific CSS
   =============================== */

.feedback-wrap {
  max-width: 760px;
  margin: 0 auto;
  margin-top: 3%;
  padding: 4rem 1.25rem 6rem;
  line-height: 1.6;
}

/* Header */
.feedback-head {
  margin-bottom: 3rem;
}

.feedback-head h1 {
  font-size: clamp(2rem, 3vw, 2.6rem);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.feedback-head p {
  margin-top: 0.75rem;
  max-width: 640px;
  opacity: 0.85;
}

/* Form */
.feedback-form {
  display: grid;
  gap: 2rem;
}

/* Field blocks */
.feedback-field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.feedback-field label {
  font-size: 0.9rem;
  font-weight: 500;
}

.feedback-field select,
.feedback-field textarea,
.feedback-field input {
  font-family: inherit;
  font-size: 0.95rem;
  padding: 0.65rem 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: transparent;
}

.feedback-field textarea {
  min-height: 160px;
  resize: vertical;
}

/* Notes */
.feedback-note {
  font-size: 0.8rem;
  opacity: 0.7;
  max-width: 600px;
}

/* Submit */
.feedback-submit {
  align-self: flex-start;
  padding: 0.6rem 1.25rem;
  border-radius: 999px;
  border: 1px solid currentColor;
  background: transparent;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
}

.feedback-submit:hover {
  opacity: 0.85;
}

/* Disclaimer */
.feedback-disclaimer {
  margin-top: 3rem;
  font-size: 0.75rem;
  opacity: 0.65;
  max-width: 680px;
}

/* ===============================
   Language & Accessibility Safety
   =============================== */

.feedback-wrap * {
  word-break: break-word;
}

html[lang="ja"] .feedback-wrap,
html[lang="ko"] .feedback-wrap,
html[lang="zh"] .feedback-wrap {
  letter-spacing: normal;
}

/* ===============================
   Responsive
   =============================== */

@media (max-width: 768px) {
  .feedback-wrap {
    padding: 3rem 1rem 5rem;
  }

  .feedback-head h1 {
    font-size: 2rem;
  }
}