.book-preview{max-width:1120px;margin:auto;padding:48px 24px;color:var(--sa-ink,#17362c)}.book-preview-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:56px}.book-preview-cover{width:100%;height:auto;display:block;border-radius:8px}.book-preview h1{font-size:clamp(32px,5vw,48px);line-height:1.3;margin:18px 0 8px}.book-preview h2{font-size:calc(26px * var(--text-scale,1));line-height:1.5}.book-preview p{font-size:calc(20px * var(--text-scale,1));line-height:1.8}.book-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.book-page-grid figure{margin:0;min-width:0}.book-page-grid img{width:100%;height:auto;display:block;border:1px solid #d9c9a6}.book-page-grid figcaption{text-align:center;padding:8px;font-size:calc(18px * var(--text-scale,1))}.book-preview a{color:inherit}.book-preview .shelf-actions{flex-wrap:wrap}@media(max-width:760px){.book-preview-hero,.book-page-grid{grid-template-columns:1fr}.book-preview{padding:28px 18px}.book-preview-hero{gap:20px}.book-preview h2{font-size:calc(23px * var(--text-scale,1))}}
.book-preview .shelf-actions{display:flex;gap:12px;align-items:center}.book-preview .shelf-btn{display:inline-block;padding:10px 18px;border:1px solid #17362c;border-radius:6px;background:#17362c;color:#fff;text-decoration:none;font-size:calc(18px * var(--text-scale,1));line-height:1.6}.book-preview .shelf-btn:hover,.book-preview .shelf-btn:focus-visible{background:#254e3e;outline:2px solid #c6a15b;outline-offset:3px}.book-preview .shelf-status{display:inline-block;border:1px solid #c6a15b;border-radius:999px;padding:4px 14px;color:#17362c;background:#f7f0df;font-size:calc(16px * var(--text-scale,1))}