.rp-back, .rp-title, .rp-contents-btn, .rp-turn, .rp-foot, .rp-scrim { display: none; }
.reader-settings-panel > .reader-cite-row { display: none; }
.rp-layout-note { flex: 1 0 100%; margin: 0; color: var(--muted); font-size: .8125rem; }

@media screen {
  html.rp-on { --rp-top-h: 48px; --rp-foot-h: 44px; --rp-bg: var(--canvas); }
  html.rp-on, html.rp-on body { height: 100%; overflow: hidden; }

  html.rp-on .site-header, html.rp-on .site-footer, html.rp-on main > .breadcrumbs,
  html.rp-on .reader-page > .hero, html.rp-on .reader-progress { display: none; }
  html.rp-on .reader-page {
    position: fixed; inset: 0; z-index: 20; max-width: none; margin: 0; padding: 0;
    background: var(--rp-bg);
  }
  html.rp-on .reader-page.reader-bg-warm { --rp-bg: #F4ECD8; }
  html.rp-on .reader-layout { display: block; margin: 0; }

  html.rp-on:not(.rp-ready) #reader-body { visibility: hidden; }
  html.rp-on:not(.rp-ready) #reader-body > .reader-chapter { display: none; }

  html.rp-on.rp-ready #reader-body {
    position: fixed; top: var(--rp-y); left: var(--rp-x); width: var(--rp-w); height: var(--rp-h);
    max-width: none; margin: 0; padding: 0;
    column-count: var(--rp-n); column-gap: 0; column-fill: auto;
    overflow: hidden; outline: none; touch-action: pinch-zoom;
  }
  html.rp-on.rp-spread .reader-layout::after {
    content: ""; position: fixed; left: 50%; top: calc(var(--rp-top-h) + 24px); bottom: calc(var(--rp-foot-h) + 24px);
    border-left: 1px solid var(--line); pointer-events: none;
  }
  html.rp-on #reader-body > * { padding-inline: var(--rp-pad); }
  html.rp-on #reader-body > .reader-chapter {
    margin: 0; content-visibility: visible; contain-intrinsic-block-size: none;
  }
  html.rp-on #reader-body > .reader-chapter[hidden] {
    content-visibility: hidden; contain-intrinsic-size: 0 0; padding-block: 0;
  }
  html.rp-on #reader-body .rp-win[hidden] { content-visibility: hidden; contain-intrinsic-size: 0 0; }
  html.rp-on #reader-body.rp-odd::after { content: ""; display: block; break-before: column; height: 1px; }

  html.rp-on #reader-body > .hero { display: none; margin: 0; padding-top: var(--s6); padding-bottom: var(--s6); }
  html.rp-on #reader-body.rp-first > .hero { display: block; }
  html.rp-on #reader-body > .hero h1 { font-size: 1.75rem; }
  html.rp-on #reader-body:not(.rp-first) > .reader-resume,
  html.rp-on #reader-body:not(.rp-first) > .reader-other-places,
  html.rp-on #reader-body:not(.rp-last) > .reader-attribution,
  html.rp-on #reader-body > .reader-chapter-nav { display: none; }
  html.rp-on #reader-body > .reader-attribution { margin: var(--s6) var(--rp-pad) 0; padding: var(--s4); }

  html.rp-on #reader-body h2 { break-after: avoid; margin-top: 1.25em; }
  html.rp-on #reader-body p { orphans: 2; widows: 2; }
  html.rp-on #reader-body p[id], html.rp-on #reader-body .reader-chapter { scroll-margin: 0; }
  html.rp-on #reader-body .vl { break-inside: avoid; }
  html.rp-on #reader-body p.verse { break-inside: avoid; }
  html.rp-on #reader-body .reader-chapter-nav { break-inside: avoid; }
  html.rp-on #reader-body img, html.rp-on #reader-body figure, html.rp-on #reader-body svg:not(.icon) {
    max-width: 100%; max-height: calc(var(--rp-h) - 2em); object-fit: contain; break-inside: avoid;
  }

  html.rp-on .reader-toolbar {
    position: fixed; top: var(--rp-vv-top, 0px); left: 0; right: 0; z-index: 30;
    display: flex; flex-wrap: nowrap; align-items: center; gap: var(--s2);
    height: var(--rp-top-h); margin: 0; padding: 0 var(--s3);
    background: var(--rp-bg); border-bottom: 1px solid var(--line);
  }
  html.rp-on .reader-toolbar-btn { min-height: 2.5rem; padding: 0 var(--s3); flex: 0 0 auto; background: transparent; }
  html.rp-on .rp-back {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
    min-width: 2.75rem; min-height: 2.75rem; color: var(--ink); font-size: 1.25rem; text-decoration: none; border-radius: var(--r1);
  }
  html.rp-on .rp-title {
    display: block; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    color: var(--muted); font: 600 .875rem/1.3 var(--sans);
  }
  html.rp-on .rp-contents-btn { display: inline-flex; }
  html.rp-on .reader-toolbar { transition: opacity .15s ease, visibility .15s; }
  html.rp-on.rp-chrome-off .reader-toolbar { opacity: 0; visibility: hidden; }
  html.rp-on .reader-mobile-toolbar { display: none; }

  html.rp-on .rp-foot {
    display: flex; align-items: center; justify-content: center;
    position: fixed; left: 0; right: 0; bottom: calc(var(--rp-vv-bottom, 0px) + var(--rp-audio-h, 0px)); z-index: 22; height: var(--rp-foot-h); padding: 0 3.5rem;
    background: var(--rp-bg);
  }
  html.rp-on .rp-bar { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--line); }
  html.rp-on .rp-bar > span { display: block; width: 0; height: 100%; background: var(--muted); }
  html.rp-on .rp-where {
    display: flex; min-width: 0; max-width: 100%; min-height: 44px; align-items: center; padding: 0 var(--s3);
    border: 0; border-radius: var(--r1); background: none;
    color: var(--muted); font: 500 .8125rem/1.3 var(--sans); font-variant-numeric: tabular-nums; cursor: pointer;
  }
  html.rp-on .rp-where-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.rp-on .rp-where-pages { flex: 0 0 auto; white-space: pre; }
  html.rp-on .rp-where:hover { color: var(--ink); }
  html.rp-on .rp-pct {
    position: absolute; right: var(--s4); top: 50%; transform: translateY(-50%);
    color: var(--muted); font: 500 .75rem/1 var(--sans); font-variant-numeric: tabular-nums;
  }
  html.rp-on .rp-hint { display: none; }
  html.rp-on.rp-hinting .rp-foot { padding-inline: 8px; }
  html.rp-on.rp-hinting .rp-hint { display: inline; min-width: 0; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.rp-on.rp-hinting .rp-where-name, html.rp-on.rp-hinting .rp-pct { display: none; }
  html.rp-on .reader-toolbar-btn[aria-pressed="true"], html.rp-on .rp-contents-btn[aria-expanded="true"] {
    background: var(--surface); box-shadow: inset 0 0 0 1px var(--control);
  }

  html.rp-on .rp-turn {
    display: flex; align-items: center; justify-content: center;
    position: fixed; top: 50%; z-index: 24; width: 44px; height: 72px; margin-top: -36px; padding: 0 0 4px;
    border: 1px solid var(--line); border-radius: var(--r2); background: var(--rp-bg); color: var(--ink);
    font: 400 2.25rem/1 var(--serif); cursor: pointer;
  }
  html.rp-on .rp-turn--prev { left: max(6px, calc(var(--rp-x) - 56px)); }
  html.rp-on .rp-turn--next { right: max(6px, calc(var(--rp-x) - 56px)); }
  html.rp-on .rp-turn:hover:not(:disabled) { background: var(--surface); border-color: var(--control); }
  html.rp-on .rp-turn:disabled { opacity: .3; cursor: default; }
  @media not all and (hover: hover) and (pointer: fine) {
    html.rp-on .rp-turn:not(:focus-visible) {
      width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
    }
  }

  html.rp-on .reader-toc:not([open]) { display: none; }
  html.rp-on .reader-toc[open] {
    position: fixed; top: var(--rp-vv-top, 0px); bottom: calc(var(--rp-vv-bottom, 0px) + var(--rp-audio-h, 0px)); left: 0; z-index: 40; width: min(24rem, 88vw);
    max-height: none; margin: 0; overflow-y: auto; overscroll-behavior: contain;
    border-right: 1px solid var(--line); box-shadow: 0 0 24px rgb(0 0 0 / .18);
  }
  html.rp-on .reader-toc .rp-here { font-weight: 700; color: var(--ink); box-shadow: inset 3px 0 0 var(--active-marker); padding-left: var(--s3); }
  html.rp-on .reader-toc[open] > summary::after { content: "\00d7"; margin-left: auto; font-size: 1.25rem; color: var(--muted); }
  html.rp-on.rp-toc-open .rp-scrim { display: block; position: fixed; inset: 0; z-index: 39; background: rgb(0 0 0 / .32); }
  html.rp-on .rp-panels {
    position: fixed; top: calc(var(--rp-vv-top, 0px) + var(--rp-top-h) + 6px); left: 50%; transform: translateX(-50%); z-index: 35;
    display: flex; flex-direction: column; gap: 6px; width: min(40rem, calc(100vw - 24px));
    max-height: max(0px, calc(var(--rp-vv-h, 100dvh) - var(--rp-top-h) - var(--rp-foot-h) - var(--rp-audio-h, 0px) - 18px)); overflow-y: auto; pointer-events: none;
  }
  html.rp-on .rp-panels > * { margin: 0; pointer-events: auto; box-shadow: 0 6px 20px rgb(0 0 0 / .14); }
  html.rp-on .rp-panels > .reader-search-results { max-height: 50vh; overflow-y: auto; background: var(--surface); }
  html.rp-on .rp-panels > .reader-cite-panel {
    max-height: max(0px, calc(var(--rp-vv-h, 100dvh) - var(--rp-top-h) - var(--rp-foot-h) - var(--rp-audio-h, 0px) - 18px));
    overflow-y: auto; overscroll-behavior: contain;
  }
  html.rp-on .rp-panels > .reader-cite-panel:focus { outline: none; }
  html.rp-on #reader-body > .reader-return-pill {
    position: fixed; top: calc(var(--rp-top-h) + 8px); left: 50%; transform: translateX(-50%); z-index: 26;
    margin: 0; padding-inline: var(--s4); box-shadow: 0 4px 14px rgb(0 0 0 / .12);
  }
  html.rp-on #reader-sync-status { display: none; }
  html.rp-on #reader-sync-status:is([data-sync-state="retrying"], [data-sync-state="signedout"], [data-sync-state="age"], [data-sync-state="deleted"]) {
    display: block; position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(var(--rp-foot-h) + 4px); z-index: 23;
    margin: 0; padding: 2px var(--s3); max-width: calc(100vw - 24px); background: var(--rp-bg); border-radius: var(--r1);
  }
  html.rp-on body:has(.reader-page) .ui-toast { bottom: calc(var(--rp-foot-h) + var(--s2)); }

  @media (max-width: 760px) {
    html.rp-on .reader-toolbar { display: flex; gap: 0; padding: 0 var(--s1); }
    html.rp-on .reader-toolbar > .reader-toolbar-btn {
      display: inline-flex; justify-content: center; width: 2.75rem; min-height: 2.75rem; padding: 0; border: 0; font-size: 0;
    }
    html.rp-on .reader-toolbar > .reader-toolbar-btn, html.rp-on .reader-toolbar > .rp-back { flex: 0 0 44px; width: 44px; min-width: 44px; min-height: 44px; }
    html.rp-on .reader-toolbar > .reader-toolbar-btn .icon { inline-size: 1.25rem; block-size: 1.25rem; }
    html.rp-on .reader-toolbar > #reader-copylink-btn,
    html.rp-on .reader-toolbar > #reader-cite-toggle { display: none; }
    html.rp-on .reader-settings-panel > .reader-cite-row { display: flex; }
    html.rp-on .reader-cite-row .pill { display: inline-flex; align-items: center; gap: var(--s2); }
    html.rp-on .rp-title { padding: 0 var(--s3) 0 var(--s1); }
    html.rp-on .reader-settings-row .reader-settings-label { flex: 0 0 100%; }
  }
  @media (max-width: 340px) {
    html.rp-on .rp-title { display: none; }
  }
}

@media (prefers-reduced-motion: reduce) {
  html.rp-on .reader-toolbar, html.rp-on .reader-mobile-toolbar { transition: none; }
}

@media print {
  .rp-foot, .rp-turn, .rp-scrim, .rp-back, .rp-title, .rp-contents-btn, .rp-layout-row { display: none !important; }
  html.rp-on #reader-body > .reader-chapter[hidden], html.rp-on #reader-body .rp-win[hidden] { display: block !important; content-visibility: visible !important; }
}