/* Reader controls only; generated page artwork is styled by pages.css. */
html, body { background: #e8e8e8; }
body { overflow: auto; }
#container-wrap { padding-bottom: calc(var(--toolbar-height, 100px) + 16px); box-sizing: border-box; }
#viewer-options-wrap { position: fixed; inset: auto 0 0; z-index: 1000; }
#viewer-options-bar {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 8px 14px; padding: 10px 16px; box-sizing: border-box;
  color: #fff; background: #242127; box-shadow: 0 -2px 8px #0002;
  font: 15px/1.4 system-ui, sans-serif; letter-spacing: normal;
}
#viewer-options-bar h1 { font-size: 17px; font-weight: 650; }
#viewer-options-bar .reader-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }
.reader-control-label { color: #f1edf3; }
#viewer-options-bar button, #viewer-options-bar select {
  min-height: 44px; min-width: 44px; box-sizing: border-box;
  padding: 8px 12px; border: 1px solid #aaa3af; border-radius: 5px;
  color: #fff; background: #39343e; font: inherit; cursor: pointer;
}
#viewer-options-bar button:hover:enabled { background: #504756; }
#viewer-options-bar button:disabled { color: #b9b4bc; border-color: #635c69; cursor: default; }
#viewer-options-bar select { max-width: 180px; }
#viewer-options-bar [hidden] { display: none; }
#viewer-options-bar :focus-visible, #reader-book:focus-visible, .skip-reader:focus {
  outline: 3px solid #ffdb73; outline-offset: 3px;
}
#slider svg a.reader-svg-link:focus { outline: none; }
#slider svg a.reader-svg-link:focus rect {
  stroke: #005fcc !important; stroke-width: 4px !important;
  vector-effect: non-scaling-stroke;
}
/* in5 outlined glyph paths can otherwise sit above transparent link rectangles. */
#slider svg.reader-linked-text path { pointer-events: none; }
#slider svg.reader-linked-text a.reader-svg-link rect { pointer-events: all; }
/* October 27 source-index bounding box for the otherwise unlinked Front Cover credit. */
#reader-front-cover-index-link {
  position: absolute; left: 470.8603px; top: 419.025px;
  width: 41.8625px; height: 8.5px; z-index: 10;
  display: block; background: transparent;
}
#reader-front-cover-index-link:focus {
  outline: 3px solid #005fcc; outline-offset: 2px;
}
/* Give in5's empty inline wrappers the original page-160 hit-area boxes.
   Keep these bounds aligned with item15358/item28245 in the native pages.css. */
#slider a[data-reader-video-link] { position: absolute; display: block; z-index: 1; }
#slider a[data-reader-video-link="qr"] { left: 84px; top: 639px; width: 72px; height: 72px; }
#slider a[data-reader-video-link="overlay"] { left: 164px; top: 682px; width: 147px; height: 24px; }
#slider a[data-reader-video-link] > .pageItem { left: 0 !important; top: 0 !important; }
#slider a[data-reader-video-link]:focus-visible {
  outline: 3px solid #005fcc; outline-offset: 2px;
}
#reader-status { min-width: 160px; text-align: center; color: #ddd7e2; }
.reader-private { color: #ddd7e2; font-size: 13px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-reader { position: fixed; z-index: 1100; top: 8px; left: 8px; padding: 12px; color: #fff; background: #242127; transform: translateY(-200%); }
.skip-reader:focus { transform: translateY(0); }
@media (max-width: 700px) {
  #viewer-options-bar { gap: 6px; padding: 8px; font-size: 14px; }
  #viewer-options-bar h1 { font-size: 16px; }
  #viewer-options-bar .reader-title { width: 100%; text-align: center; }
  #reader-status { width: 100%; }
  #viewer-options-bar button, #viewer-options-bar select { padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}
/* Hidden turn.js wrappers must clip without becoming focus-scroll containers. */
@supports (overflow: clip) {
  #slider .page, #slider .turn-page-wrapper { overflow: clip !important; }
}
@media (forced-colors: active) {
  #slider svg a.reader-svg-link:focus rect { stroke: Highlight !important; }
}