.product-questions-page { padding: 120px 0 64px; min-height: 65vh; }
.product-question-form { max-width: 850px; }
.product-question-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.product-question-audit { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 220px; background: #f5f5f8; padding: 12px; }
#product-questions { scroll-margin-top: 110px; }
.product-questions-page textarea { min-height: 140px; }
@media (max-width: 575px) { .product-questions-page { padding-top: 100px; } }

/* Keep the dialog's controls easy to tap on phones and short landscape screens. */
@media (max-width: 991.98px), (max-height: 500px) {
  #question-modal .modal-header { align-items: flex-start; }
  #question-modal .modal-header > div { min-width: 0; padding-right: .5rem; }
  #question-modal .btn-close {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: -.25rem -.25rem -.25rem auto;
    box-sizing: border-box;
  }
  #question-modal .btn { min-height: 44px; }
}
@media (max-width: 575.98px) {
  #question-modal [type="submit"] { width: 100%; }
}