.book-preview-section{scroll-margin-top:24px}.preview-intro{max-width:680px}.preview-chapter{color:var(--muted);font-size:.95rem}.book-reader{margin:28px auto 0;max-width:780px;outline-offset:6px}.preview-pages{padding:20px;background:#d8dfe1;border:1px solid var(--line)}.preview-page{margin:0 0 20px}.preview-page:last-child{margin-bottom:0}.preview-page[hidden]{display:none}.preview-page img{display:block;width:100%;height:auto;box-shadow:0 8px 22px #18272e20}.preview-page figcaption{font-size:.85rem;color:var(--muted);margin-top:10px}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.preview-controls[hidden]{display:none}.preview-controls button{font:inherit;font-size:.9rem;min-height:44px;padding:8px 16px;border:1px solid var(--accent);background:var(--surface);color:var(--accent-dark);cursor:pointer;border-radius:2px}.preview-controls button:hover:not(:disabled){background:var(--accent-dark);color:white}.preview-controls button:disabled{opacity:.4;cursor:default}.preview-controls output{font-size:.9rem;white-space:nowrap}.preview-controls button:focus-visible,.preview-enlarge:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.preview-enlarge{display:inline-block;margin:0 0 12px}.preview-home{padding:24px;border:1px solid var(--line);background:var(--surface);margin-top:28px}.preview-home p{margin:0 0 10px}@media(max-width:600px){.preview-pages{padding:8px}.preview-controls{gap:6px}.preview-controls button{padding:8px;font-size:.8rem}.preview-controls output{font-size:.8rem}.preview-home{padding:18px}}