.book-cover{display:block;width:100%;border:1px solid var(--line);border-radius:14px;background:#f7f4ea;box-shadow:0 14px 34px rgba(35,55,45,.12)}
.book-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.book-gallery button{overflow:hidden;padding:0;border:2px solid transparent;border-radius:12px;background:#fff;opacity:.72;transition:.2s}.book-gallery button:hover,.book-gallery button.is-active{border-color:var(--accent);opacity:1;transform:translateY(-2px)}.book-gallery img{display:block;width:100%;aspect-ratio:527/424;object-fit:cover}
.book-spread{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.book-spread img{width:100%;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}
.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.chapter{padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.chapter b{display:block;margin-bottom:6px;font-size:15px}.chapter p{color:var(--muted);font-size:14px;line-height:1.5}
.book-quote{max-width:820px;margin:auto;padding:clamp(28px,5vw,52px);text-align:center;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.book-quote p{font-family:var(--f-display);font-size:clamp(25px,3.5vw,40px);font-weight:700;line-height:1.18;letter-spacing:-.025em}.book-quote span{display:block;margin-top:18px;color:var(--muted)}
@media(max-width:800px){.chapter-grid{grid-template-columns:1fr 1fr}.book-spread{grid-template-columns:1fr}}@media(max-width:560px){.book-gallery{grid-template-columns:repeat(2,1fr)}.chapter-grid{grid-template-columns:1fr}}