/* 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 {
  position: relative;
  touch-action: pan-y;
}

.lw-chapter-carousel {
  position: fixed !important;
  z-index: 8;
  overflow: hidden;
  margin: 0;
  color: var(--lw-pan-color, var(--text));
  background: var(--lw-pan-bg, var(--surface, var(--paper)));
  font-family: var(--lw-pan-font, inherit);
  font-size: var(--lw-pan-size, inherit);
  line-height: var(--lw-pan-leading, inherit);
  pointer-events: none;
  contain: layout style paint;
  grid-area: unset !important;
}

.lw-chapter-carousel[hidden] {
  display: none !important;
}

.lw-chapter-track {
  display: flex;
  width: 300%;
  height: 100%;
  will-change: transform;
}

.lw-chapter-slot {
  flex: 0 0 33.3333%;
  width: 33.3333%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.lw-chapter-pane {
  box-sizing: border-box;
  min-height: 100%;
  padding: 0;
  color: inherit;
  background: transparent;
  font: inherit;
}

.lw-chapter-verses {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lw-chapter-verses li {
  margin: 0 0 0.7em;
}

.lw-chapter-verses sup {
  margin-right: 0.35em;
  color: var(--text-muted, #8a928f);
  font-size: var(--verse-number-font-size, 14px);
  font-variant-numeric: lining-nums;
}

.lw-chapter-carousel .verses {
  color: inherit;
}

.lw-chapter-carousel .lw-chapter-pane,
.lw-chapter-carousel .verse-row,
.lw-chapter-carousel .verse-line,
.lw-chapter-carousel .verse-text {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

.lw-chapter-carousel .verse-number {
  color: var(--lw-pan-num, inherit) !important;
  font-size: var(--lw-pan-num-size, inherit) !important;
}

.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;
}