.reader-heading { text-align:center; padding:12px 0 24px; }
.reader-heading h2 { font-size:20px; }
.reader-toolbar, .reader-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; padding:18px; border:1px solid var(--line); background:var(--surface); border-radius:10px; font-size:14px; }
.reader-toolbar strong { flex-basis:100%; text-align:center; }
.reader-toolbar span, .reader-bottom span { color:var(--muted); }
.reader-pages { max-width:760px; margin:24px auto; }
.reader-pages figure { margin:0 0 10px; }
.reader-image { width:100%; height:auto; min-height:320px; object-fit:contain; background:#eeeaf3; }
.reader-pages figcaption { text-align:center; font-size:12px; color:var(--muted); padding:7px; }
body.dark { --paper:#18171e; --surface:#24222d; --ink:#eeeaf5; --muted:#b2aabd; --line:#3c3749; }
body.dark .reader-image { background:#2c2835; }
@media(max-width:640px) {
    .reader-toolbar, .reader-bottom { gap:12px; padding:14px 8px; font-size:13px; }
    .reader-pages { margin:18px -16px; }
    .reader-image { min-height:240px; }
}