.modal {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(20, 24, 52, 0.55);
}

.modal[hidden] { display: none; }

.modal-card {
  width: min(520px, 100%);
  padding: 30px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.modal-card h2 { margin-top: 18px; color: #222; font-size: 22px; }
.modal-card p { line-height: 1.7; }

.schedule-modal-actions { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; margin-top:18px; }
.schedule-modal-actions .actions { margin-top:0; }
@media(max-width:600px){.schedule-modal-actions{align-items:stretch;flex-direction:column-reverse}.schedule-modal-actions .actions,.schedule-modal-actions button{width:100%}}