/* Native <dialog> + Tailwind: preflight sets * { margin: 0 }, which
   cancels the UA sheet's margin:auto and pins :modal to the top-left. */
dialog.popup {
  margin: auto;
  width: min(28rem, calc(100vw - 2rem));
  max-height: calc(100dvh - 2rem);
}

dialog.popup::backdrop {
  background: rgba(26, 23, 20, 0.55);
}

.popup__icon-close {
  position: absolute;
  top: 0.7rem;
  right: 0.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  background: transparent;
  color: inherit;
}

a,
button,
summary,
[role="button"],
[role="tab"],
[data-dialog-open],
[data-dialog-close],
[data-gallery],
.splide__arrow,
.splide__pagination__page {
  cursor: pointer;
}