/* Tablet Reader only. Phone rules and Space deliberately remain untouched. */
@media (min-width: 600px) {
  body.reader-world-active { padding: 0; overflow: hidden; }
  .pilcrow-app.reader-app.reader-v2 {
    --tablet-gutter: max(32px, calc((100% - 1120px) / 2));
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .reader-app.reader-v2 #library-screen .reader-library {
    padding-inline: var(--tablet-gutter) !important;
  }
  .reader-app.reader-v2 #library-screen .library-filters {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .reader-app.reader-v2 #library-screen .figma-shelf-sort {
    left: var(--tablet-gutter) !important;
  }
  .reader-app.reader-v2 #library-screen .library-view-switcher,
  .reader-app.reader-v2 #library-screen .reader-footer {
    right: var(--tablet-gutter) !important;
  }
  .reader-app.reader-v2 #library-screen[data-library-view="grid"] .library-list {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 20px !important;
    padding-inline: var(--tablet-gutter) !important;
  }
  .reader-app.reader-v2 #library-screen[data-library-view="grid"] .shelf-book-card--grid {
    width: 100% !important;
    height: 340px !important;
    border-radius: 16px !important;
  }
  .reader-app.reader-v2 #library-screen[data-library-view="grid"] .shelf-book-card--grid > .book-cover,
  .reader-app.reader-v2 #library-screen[data-library-view="grid"] .shelf-book-card--grid > .cover-fallback {
    top: 12px !important;
    left: 12px !important;
    width: calc(100% - 24px) !important;
    height: 220px !important;
    border-radius: 8px !important;
  }
  .reader-app.reader-v2 #library-screen[data-library-view="grid"] .shelf-book-card--grid .shelf-book-copy {
    top: 239px !important;
    left: 0 !important;
    width: 100% !important;
    height: 60px !important;
    padding: 0 12px !important;
  }
  .reader-app.reader-v2 #library-screen[data-library-view="grid"] .shelf-book-card--grid .shelf-book-copy h2 {
    font-size: 14px !important;
    line-height: 17px !important;
    max-height: 34px !important;
  }
  .reader-app.reader-v2 #library-screen[data-library-view="grid"] .shelf-book-card--grid .shelf-book-copy > p {
    font-size: 12px !important;
    line-height: 15px !important;
  }
  .reader-app.reader-v2 #library-screen[data-library-view="grid"] .shelf-book-card--grid .book-progress-line {
    top: 70px !important;
    left: 12px !important;
  }
  .reader-app.reader-v2 #library-screen[data-library-view="grid"] .shelf-book-card--grid .book-status-panel {
    top: auto !important;
    bottom: 12px !important;
    right: 12px !important;
  }
  .reader-app.reader-v2 #library-screen[data-library-view="grid"] .shelf-book-card--grid .book-more {
    left: auto !important;
    right: 18px !important;
    top: 18px !important;
  }
  .reader-app.reader-v2 #library-screen[data-library-view="list"] .library-scroll-region #current-book,
  .reader-app.reader-v2 #library-screen[data-library-view="list"] .library-scroll-region .library-list {
    width: calc(100% - 64px) !important;
    max-width: 780px !important;
    margin-inline: auto !important;
  }
  /* Narrow reading measure; the paper still fills the entire display. */
  .reader-v2 .reader-stage,
  .reader-v2 .reading-header {
    left: max(0px, calc((100% - 760px) / 2)) !important;
    right: auto !important;
    width: min(100%, 760px) !important;
  }
  .reader-v2 .reading-header {
    top: max(32px, calc(env(safe-area-inset-top) + 16px)) !important;
  }
  .reader-v2 .reader-homebar {
    /* Scale the whole control group without replacing its show/hide transform. */
    scale: 1.15 !important;
    transform-origin: left bottom !important;
    width: 188px !important;
    right: auto !important;
    left: max(24px, calc((100% - 760px) / 2 + 20px)) !important;
    bottom: max(24px, calc(env(safe-area-inset-bottom) + 16px)) !important;
  }
  .reader-v2 #contents-sheet .reader-contents-sheet {
    scale: 1.15 !important;
    transform-origin: right top !important;
    top: max(86px, calc(env(safe-area-inset-top) + 70px)) !important;
    right: max(24px, calc((100% - 760px) / 2 + 20px)) !important;
  }
  .reader-v2 #settings-sheet .reader-settings-sheet {
    left: max(24px, calc((100% - 760px) / 2 + 20px)) !important;
    right: auto !important;
    bottom: max(24px, calc(env(safe-area-inset-bottom) + 16px)) !important;
    max-height: calc(100dvh - 100px) !important;
    overflow-y: auto !important;
  }
  .reader-v2 .reader-goals-v3 {
    max-width: 720px;
    margin-inline: auto;
    padding-inline: 32px;
  }
  .reader-v2 .reader-selection-actions {
    /* Compact actions, not a screen-wide toolbar. */
    width: 420px !important;
    left: calc(50% - 210px) !important;
    right: auto !important;
  }
  .reader-v2 .reader-profile-placeholder {
    max-width: 720px;
    margin-inline: auto;
  }
}
