@media(max-width:760px) {
  .magazine-reader {
    padding: 18px;
    border-radius: 18px
  }

  .reader-top h3 {
    font-size: 23px
  }

  .reader-top {
    gap: 10px
  }

  .reader-hint {
    font-size: 10px
  }

  .book-stage {
    aspect-ratio: .707/1;
    max-height: 62vh;
    width: min(100%, 440px)
  }

  .book-page,
  .book-spread.is-single .book-page {
    width: 100%
  }

  .turn-leaf.single {
    left: 0;
    width: 100%
  }

  .reader-toolbar {
    justify-content: center;
    gap: 12px
  }

  .reader-tools {
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px
  }

  .reader-control {
    padding: 10px 12px
  }

  .reader-source {
    text-align: center
  }

  .reader-jump {
    font-size: 10px
  }

  .magazine-reader:fullscreen {
    padding: 14px
  }

  .magazine-reader:fullscreen .book-stage {
    aspect-ratio: .707/1;
    height: calc(100dvh - 260px);
    max-height: calc(100dvh - 260px);
    width: auto;
    flex: 0 1 auto
  }

  .page-dialog {
    padding: 16px
  }

  .page-dialog h2 {
    font-size: 21px
  }
}