/* Roboto Slab Font for Serif */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap');

.book.font-family-0 .book-body .page-inner section {
  font-family: 'Roboto Slab', Georgia, serif !important;
}

/* Sidebar Page TOC Styles */
.book-summary .page-toc {
  list-style: none;
  padding: 0;
  margin: 4px 0 8px 0;
}

.book-summary .page-toc li {
  padding: 0;
  margin: 0;
}

.book-summary .page-toc li a {
  display: block;
  padding: 4px 15px 4px 30px;
  color: #555;
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: all 0.15s ease;
}

.book-summary .page-toc li a:hover {
  color: #4183c4;
  background: rgba(0, 0, 0, 0.02);
  border-left-color: #4183c4;
}

/* H3 items - more indented */
.book-summary .page-toc li.toc-h3 a {
  padding-left: 45px;
  font-size: 12px;
  color: #777;
}

/* Active section highlighting */
.book-summary .page-toc li a.active {
  color: #4183c4;
  font-weight: 500;
  border-left-color: #4183c4;
}

/* ============================================ */
/* Responsive Tables - Horizontal Scroll       */
/* ============================================ */

.markdown-section table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ============================================ */
/* Night Theme - High Contrast for E-Ink       */
/* ============================================ */

.book.color-theme-2,
.book.color-theme-2 .book-body,
.book.color-theme-2 .book-body .body-inner,
.book.color-theme-2 .book-body .page-wrapper,
.book.color-theme-2 .book-body .page-inner,
.book.color-theme-2 .page-inner section,
.book.color-theme-2 .book-summary {
  background: #000 !important;
  color: #fff !important;
}
