.inquiry-panel { max-width: 760px; scroll-margin-top: 110px; }
.inquiry-panel h1 { font-size: clamp(2rem, 5vw, 3.5rem); margin-bottom: 2rem; }
.inquiry-form { display: grid; gap: 1.5rem; }
.inquiry-field { display: grid; gap: .5rem; min-width: 0; }
.inquiry-field label { font-weight: 700; }
.inquiry-field input, .inquiry-field select, .inquiry-field textarea { width: 100%; max-width: 100%; box-sizing: border-box; padding: .8rem; font: inherit; color: #17232c; background: #fff; border: 1px solid #677781; border-radius: 4px; }
.inquiry-field textarea { resize: vertical; }
.inquiry-form :focus-visible { outline: 3px solid #176faa; outline-offset: 3px; }
.inquiry-form p, .inquiry-form li { overflow-wrap: anywhere; }
.inquiry-form a { text-decoration: underline; }
.inquiry-errors, .inquiry-field .errorlist { color: #9e2020; }
.inquiry-success { border-left: 4px solid #287440; padding: 1rem; }
.inquiry-form button { justify-self: start; }
@media (max-width: 767px) {
  .inquiry-panel h1 { margin-bottom: 1.25rem; line-height: 1.12; }
  .inquiry-form { gap: 1.15rem; }
  .inquiry-field { gap: .6rem; }
  .inquiry-field label { line-height: 1.45; }
  .inquiry-field input, .inquiry-field select, .inquiry-field textarea { padding: .9rem; font-size: 16px; }
  .inquiry-field input, .inquiry-field select { min-height: 48px; }
  .inquiry-field textarea { min-height: 190px; line-height: 1.55; }
  .inquiry-form > p { line-height: 1.65; }
  .inquiry-form button { width: 100%; min-height: 48px; justify-self: stretch; }
}
