.book-static-reader[hidden] { display: none; }
.book-static-reader { margin-top: 34px; }
.book-static-reader-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; align-items: start; }
.book-static-reader-menu { min-width: 0; }
.book-static-reader-menu h2 { margin: 0 0 12px; color: var(--reader-heading); font-size: 20px; }
.book-static-reader-menu ul { margin: 0; padding: 0; list-style: none; }
.book-static-directory-group { border-bottom: 1px solid var(--reader-line); }
.book-static-directory-group summary { padding: 12px; color: var(--reader-heading); cursor: pointer; font-weight: 600; list-style: none; }
.book-static-directory-group summary::-webkit-details-marker { display: none; }
.book-static-directory-group summary::before { content: ">"; display: inline-block; width: 18px; color: var(--reader-muted); }
.book-static-directory-group[open] summary::before { content: "v"; }
.book-static-directory-group summary:hover { background: var(--reader-tag); color: var(--reader-accent); }
.book-static-directory-group-flat h3 { margin: 0; padding: 12px; border-bottom: 1px solid var(--reader-line); color: var(--reader-heading); font-size: 16px; line-height: 1.5; }
.book-static-directory-group-flat ul { display: block; }
.book-static-directory-note { display: grid; gap: 3px; margin: 0 0 12px; padding: 10px 12px; border-left: 3px solid var(--reader-accent); color: var(--reader-text); }
.book-static-directory-note span { color: var(--reader-muted); font-size: 13px; }
.book-static-reader-menu button { width: 100%; padding: 10px 12px; border: 0; background: transparent; color: var(--reader-text); cursor: pointer; text-align: left; }
.book-static-reader-menu button:hover, .book-static-reader-menu button.is-active { background: var(--reader-tag); color: var(--reader-accent); }
.book-static-directory-group li { border-top: 1px solid var(--reader-line); }
.book-static-directory-nested .book-static-directory-volume > summary,
.book-static-directory-nested .book-static-directory-subgroup > summary {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 54px;
  min-height: 54px;
  padding: 0 12px;
  font-size: 20px;
  line-height: 1.4;
}
.book-static-directory-nested .book-static-directory-subgroups { padding-left: 12px; }
.book-static-directory-nested .book-static-directory-volume > .book-static-directory-subgroups > ul > li > button,
.book-static-directory-nested .book-static-directory-subgroup > ul > li > button {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 54px;
  min-height: 54px;
  padding: 0 12px;
  line-height: 1.4;
}
.book-static-directory-title { display: block; padding: 10px 12px; color: var(--reader-text); line-height: 1.55; }
.book-static-reader-content { min-width: 0; max-height: 680px; overflow-y: auto; }
.book-static-reader-content.is-continuous { max-height: none; overflow: visible; }
.book-static-reader-content .book-title { margin-bottom: 22px; }
.book-directory-summary-shell { position: relative; }
.book-directory-summary { max-height: calc(1.85em * 5); margin: 0 0 22px; overflow-y: auto; padding-right: 4px; color: var(--reader-muted); font-size: 17px; line-height: 1.85; text-align: justify; white-space: pre-line; }
.book-directory-summary:focus-visible { border-radius: 3px; outline: 2px solid var(--reader-accent); outline-offset: 3px; }
.book-directory-summary-marker { position: absolute; right: 4px; bottom: 22px; color: inherit; font-size: 17px; line-height: 1.85; pointer-events: none; }
.book-directory-summary-marker[hidden] { display: none; }
.book-static-reader-content .book-chapter-body { max-width: none; }
.book-static-reader-content .book-chapter-body h2 { margin-top: 1.65em; }
.book-static-meditation-section { padding: 0 0 22px; color: var(--reader-text); font-size: 18px; line-height: 1.9; text-align: justify; }
.book-static-meditation-section.has-divider { margin-bottom: 22px; border-bottom: 1px dashed var(--reader-line); }
.book-static-meditation-section h2 { margin: 0 0 12px; color: var(--reader-heading); font-size: 20px; line-height: 1.5; text-align: left; }
.book-static-meditation-section h3 { margin: 16px 0 8px; color: var(--reader-heading); font-size: 18px; line-height: 1.5; text-align: left; }
.book-static-meditation-section ol { margin: 0 0 12px; padding-left: 1.5em; }
.book-static-meditation-section li { margin-bottom: .65em; }
.book-static-qa { margin: 0 0 14px; overflow: hidden; border: 1px solid #d9dee5; border-radius: 8px; background: #f8fafc; text-align: left; }
.book-static-qa > summary { padding: 12px 16px; color: #2f5f8f; cursor: pointer; font-weight: 800; line-height: 1.6; list-style-position: inside; }
.book-static-qa[open] > summary { border-bottom: 1px solid #d9dee5; }
.book-static-qa-answer { padding: 16px 18px 4px; }
.book-static-qa-answer h2 { margin-top: .4em; }
.book-static-qa-answer p { margin: 0 0 1em; }
.book-static-content-group { margin: 0 0 18px; border-bottom: 1px solid var(--reader-line); }
.book-static-content-group summary { padding: 12px 0; color: var(--reader-heading); cursor: pointer; font-size: 20px; font-weight: 700; }
.book-static-content-item { padding: 10px 0 18px; color: var(--reader-text); font-size: 18px; line-height: 1.9; text-align: justify; }
.book-static-content-item h2 { margin: 0 0 12px; color: var(--reader-heading); font-size: 20px; line-height: 1.5; text-align: left; }
.book-static-content-item p { margin: 0 0 1em; }
.book-static-preface { margin: 26px 0; padding: 18px 20px; border: 1px solid var(--reader-line); }
.book-static-preface h2 { margin-top: 0; color: var(--reader-heading); }
.book-static-reader-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--reader-line); }
.book-static-reader-actions button { padding: 8px 12px; border: 1px solid var(--reader-line); border-radius: 5px; background: transparent; color: var(--reader-accent); cursor: pointer; }
body.is-dark .book-static-directory-title,
body.is-dark .book-static-content-item,
body.is-dark .book-static-meditation-section { color: #c4cad1; }
body.is-dark .book-static-content-group { border-color: #4b5563; }
body.is-dark .book-static-content-group summary,
body.is-dark .book-static-content-item h2,
body.is-dark .book-static-meditation-section h2,
body.is-dark .book-static-meditation-section h3 { color: #f1f3f4; }
body.is-dark .book-static-qa { border-color: #4b5563; background: #202428; }
body.is-dark .book-static-qa > summary { color: #9fc5f2; }
body.is-dark .book-static-qa[open] > summary { border-bottom-color: #4b5563; }
@media print {
  .book-static-qa:not([open]) > .book-static-qa-answer { display: block !important; }
}
@media (max-width: 767px), (orientation: portrait) and (min-width: 768px) and (max-width: 1100px) {
  .book-static-reader-layout { grid-template-columns: 1fr; gap: 24px; }
  .book-static-reader-content { max-height: none; overflow: visible; }
}