.rb-artwork{margin:1rem 0 1.5rem}.rb-artwork img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px}.front-cover .rb-artwork{max-width:480px;margin:0 auto 1.5rem}.book-explorer .rb-artwork{margin:.75rem 0 1rem}.rb-artwork figcaption{font-size:.85em;opacity:.8;margin-top:.4rem}

/* AVAG navigation scrollbar — 20 October 2026. */
.book-explorer {
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  scrollbar-width: auto;
  scrollbar-color: #1769aa #dce6ef;
}
/* One scroll area for artwork, search and all navigation links. */
.book-explorer .explorer-chapters {
  max-height: none;
  overflow: visible;
}
.book-explorer::-webkit-scrollbar { width: 14px; }
.book-explorer::-webkit-scrollbar-track { background: #dce6ef; border-radius: 8px; }
.book-explorer::-webkit-scrollbar-thumb { background: #1769aa; border: 3px solid #dce6ef; border-radius: 8px; }
.book-explorer::-webkit-scrollbar-thumb:hover { background: #104778; }
@media (max-width: 900px) {
  .book-explorer { max-height: 65vh; max-height: 65dvh; }
}
@media print {
  .book-explorer { display: none; max-height: none; overflow: visible; }
}

/* AVAG mobile reading — 20 October 2026, V8. */
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  body > header { position: static; top: auto; }
  .book-shell { grid-template-columns: minmax(0, 1fr); }
  .book-explorer {
    position: static;
    top: auto;
    max-height: none;
    height: auto;
    overflow: visible;
    scrollbar-gutter: auto;
  }
  .book-explorer .explorer-chapters { max-height: none; overflow: visible; }
  .book-explorer .rb-artwork { display: none; }
  .book-explorer a { overflow-wrap: anywhere; }
}