.dialog {
  --dialog-width: var(--measure-dialog);
  width: var(--dialog-width);
  padding: var(--space-inset-md);
  border: var(--border-width) solid var(--border-strong);
  background: var(--surface-raised);
  text-align: center;
}

/* 몸통이 표처럼 넓은 내용을 가진 모달만 씀(Dialog.js 의 wide, 1차 리뷰 Important 4). confirm/alert
   는 이 클래스를 안 받아 --dialog-width 가 그대로라 한 픽셀도 안 바뀜. 375 에서 폭이 줄어드는 것은
   max-width 가 아니라 .shell__modal(flex)의 기본 줄임임(docs/layout/Dialog.md 의 wide 절 참고) */
.dialog--wide {
  --dialog-width: var(--measure-dialog-wide);
  max-width: 100%;
}

.dialog__title {
  margin-bottom: var(--space-stack-md);
  font-size: var(--font-body);
}

.dialog__body {
  margin-bottom: var(--space-stack-md);
  text-align: left;
}

.dialog__actions {
  display: flex;
  justify-content: center;
  gap: var(--space-inline-sm);
}