.reader-heading { text-align: center; margin-bottom: 24px; }
.reader-heading h1 { font-size: 2rem; margin: 12px auto; max-width: 900px; }
.reader-heading p { color: var(--muted); font-size: .88rem; }
.reader-heading .chapter-lead { max-width: 760px; margin: 15px auto; }
.chapter-navigation { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 24px 0; flex-wrap: wrap; }
.disabled { color: #6c7785; background: #e1e7ed; cursor: default; }
.reader-settings { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px; background: var(--paper); border: 1px solid var(--line); padding: 16px; border-radius: 10px; margin: 0 auto 24px; max-width: 960px; font-size: .85rem; }
.reader-settings label { display: flex; align-items: center; gap: 12px; }
.reader-settings input { width: 130px; }
.reader-images { max-width: min(100%, var(--reader-width, 800px)); margin: 0 auto; background: #e2e6ec; }
.reader-images figure { margin: 0; }
.reader-images img { display: block; width: 100%; height: auto; max-width: 100%; min-height: 80px; background: #d7dee7; text-align: center; }
.reader-images img.image-failed { min-height: 180px; }
.reader-images figcaption { text-align: center; padding: 8px; background: #edf0f5; font-size: .8rem; }
.reader-end { text-align: center; margin-top: 32px; }
.centered { justify-content: center; }
.reader-page.dark { --ink: #e5ecf6; --paper: #1c283b; --canvas: #101a29; --muted: #afbdd0; --line: #364257; }
.dark .reader-images figcaption { background: #26334a; color: #c0cadb; }
.dark .reader-images { background: #26334a; }
.dark .outline { color: #e5ecf6; }
.dark .main-nav a.active { background: #3a4d68; }
.dark .more, .dark .latest-chapter { color: #ffa27f; }
@media (max-width: 760px) {
    .reader-heading h1 { font-size: 1.55rem; }
    .reader-settings { gap: 14px; }
    .chapter-navigation { gap: 8px; }
    .chapter-navigation .button { font-size: .8rem; padding: 10px 12px; }
    .reader-images { max-width: 100%; }
}