body.modal-open {
  overflow: hidden;
}

dialog[open] {
  position: fixed;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: min(900px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: 0;
  overscroll-behavior: contain;
}

dialog[open] .dialog-close {
  position: sticky;
  top: 12px;
  right: 12px;
  z-index: 50;
  width: 44px;
  height: 44px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 6px 20px rgba(10, 24, 37, .2);
}