/* Keep chrome at a fixed 1x scale; scripture text size is controlled in JS. */
html.lw-mobile-reader {
  -ms-touch-action: pan-y;
  touch-action: manipulation;
}

@media (max-width: 820px) {
  .chapter-heading {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 4px 8px !important;
    width: 100% !important;
    max-width: none !important;
    padding: 6px 12px 8px !important;
    border-bottom: 1px solid var(--border, rgba(255, 255, 255, 0.1)) !important;
  }

  .chapter-heading .reader-heading-identity {
    display: none !important;
  }

  .chapter-heading h1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    font-size: 1.28rem !important;
    line-height: 1.2 !important;
    min-width: 0 !important;
  }

  .chapter-heading .reader-heading-footer {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    gap: 0 !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
  }

  .chapter-heading .reader-heading-footer > p {
    display: none !important;
  }

  .reader-heading-navigation {
    gap: 2px !important;
  }

  .reader-heading-navigation > .icon-button,
  .chapter-contents-trigger {
    min-width: 40px !important;
    min-height: 40px !important;
    width: 40px !important;
    height: 40px !important;
  }

  .chapter-contents-trigger {
    width: auto !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    gap: 5px !important;
  }
}

html.lw-mobile-reader .topbar,
html.lw-mobile-reader .reader-toolbar,
html.lw-mobile-reader .left-sidebar,
html.lw-mobile-reader .right-panel,
html.lw-mobile-reader .profile-switcher,
html.lw-mobile-reader .mobile-menu-button,
html.lw-mobile-reader .primary-nav,
html.lw-mobile-reader .app-text-zoom,
html.lw-mobile-reader .passage-selectors,
html.lw-mobile-reader .reader-tools {
  touch-action: manipulation;
}

html.lw-mobile-reader .main-scroll.view-reader {
  touch-action: pan-y;
}

.lw-reader-font-hud {
  position: fixed;
  z-index: 100010;
  top: calc(88px + env(safe-area-inset-top, 0px));
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 12px;
  border-radius: 999px;
  font: 600 13px/1.2 system-ui, -apple-system, sans-serif;
  color: #f8fafc;
  background: rgba(15, 23, 42, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.14);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.18s ease;
}

.lw-reader-font-hud[data-visible="1"] {
  opacity: 1;
}