/*
 * The canonical desktop modal is centered with left: 50% and translateX(-50%).
 * compendium.css narrows its inset on phones, but the transform must also be
 * removed or the entire window shifts half its width off screen.
 */
@media (max-width: 760px) {
  .compendium-modal-window {
    inset: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 1rem);
    margin: 0;
    transform: none;
  }
}