/* Scrollable content area */
.swal2-html-container {
  max-height: 800px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Base modal size variants (desktop-first) */
.swal2-popup.swal-wide-modal {
  width: 50vw;
  max-width: 860px;
  padding: 1rem;
  box-sizing: border-box;
  border: 1px solid gray;
}

.swal2-popup.swal-medium-modal {
  width: 40vw;
  max-width: 720px;
  padding: 1rem;
  box-sizing: border-box;
  border: 1px solid gray;
}

.swal2-popup.swal-small-modal {
  width: 30vw;
  max-width: 600px;
  padding: 1rem;
  box-sizing: border-box;
  border: 1px solid gray;
}

/* Tablets & below: take near full width */
@media (max-width: 1386px) {
  .swal2-popup.swal-wide-modal,
  .swal2-popup.swal-medium-modal,
  .swal2-popup.swal-small-modal {
    width: 100%;
    max-width: 100%;
  }
}