/* Keep the normal desktop form within one screen without clipping errors or content. */
@media (min-width: 1000px) {
  .contact-page > .inquiry-section { flex: 1; display: flex; }
  .contact-page .inquiry-layout { align-items: stretch; }
  .contact-page .contact-directory {
    display: flex;
    flex-direction: column;
    padding: 22px 24px;
  }
  .contact-page .contact-directory h2 { margin: 0 0 16px; font-size: 22px; }
  .contact-page .contact-entry {
    flex: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: center;
    gap: 4px 12px;
    padding: 12px 0;
  }
  .contact-page .contact-entry h3 { grid-column: 1 / -1; margin: 0 0 4px; }
  .contact-page .contact-entry p { margin: 0; line-height: 1.65; }
  .contact-page .contact-entry > a { justify-self: end; white-space: nowrap; font-size: 14px; }
  .contact-page .contact-entry p ~ p { grid-column: 1 / -1; margin-top: 3px; }
  .contact-page .inquiry-form-shell { display: flex; align-items: stretch; padding: 19px 24px 22px; }
  .contact-page #inquiry-form { width: 100%; display: flex; flex-direction: column; }
  .contact-page .form-section { flex: 1; display: flex; flex-direction: column; }
  .contact-page .form-section-title { margin-bottom: 10px; }
  .contact-page .form-section-title h2 { line-height: 1.4; }
  .contact-page .form-grid { flex: 1; grid-template-rows: auto minmax(min-content, 1fr) repeat(3, auto); gap: 8px 20px; }
  .contact-page .form-grid label[for="id_message"] { display: flex; flex-direction: column; }
  .contact-page .form-grid label > span { margin-bottom: 5px; line-height: 1.5; }
  .contact-page .form-grid input { height: 38px; }
  .contact-page .form-grid textarea { flex: 1 0 auto; display: block; height: clamp(76px, 10vh, 120px); min-height: 76px; padding: 8px 13px; }
  .contact-page .form-grid label > .input-suffix { margin-bottom: 0; }
  .contact-page .input-suffix > span { margin-bottom: 0; }
  .contact-page .form-privacy { margin-top: 12px; }
  .contact-page .form-submit { padding-top: 12px; }
  .contact-page .form-submit .button { height: 40px; }
}
@media (min-width: 1000px) and (max-height: 800px) {
  .contact-page { --page-block-space: 16px; }
}
