.oncehub-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  inset: 0;
  background: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: flex-start; /* stick to top if too tall */
  overflow-y: auto;        /* allow scroll */
  padding: 40px 20px;      /* space around content */
}
.oncehub-modal-content {
  background: #fff;
  padding: 40px;
  border-radius: 6px;
  max-width: 700px;
  width: 100%;
  margin: auto;            /* center horizontally */
  position: relative;
}
.oncehub-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  cursor: pointer;
  background: #FFFFFF;
  padding: 10px 20px 0;
}

/* On small screens, modal fills width */
    @media (max-width: 600px) {
      .oncehub-modal {
        padding: 0;
      }
      .oncehub-modal-content {
        max-width: none;
        width: 100%;
        border-radius: 0; /* edge-to-edge */
        padding: 10px;
      }
    }