.book-section{padding-bottom:70px}
.book-feature{display:grid;grid-template-columns:minmax(190px,270px) 1fr;gap:clamp(30px,6vw,90px);align-items:center;background:#22231e;border:1px solid #4c4d45;padding:clamp(20px,3vw,35px)}
.book-cover-button{appearance:none;border:0;background:none;padding:0;cursor:pointer;box-shadow:8px 12px 20px #0b0c0a;line-height:0;max-width:270px;text-align:left}
.book-cover-button img{display:block;width:100%;height:auto}
.book-cover-button:hover,.book-cover-button:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.book-feature-copy h3{font:normal clamp(2.4rem,5vw,4.2rem)/1 Georgia,serif;letter-spacing:-.05em;margin:15px 0 20px}
.book-feature-copy p{font:1.08rem/1.55 Georgia,serif;color:var(--muted);max-width:520px;margin:0 0 20px}
.book-feature-copy .cta{background:transparent;cursor:pointer}
.book-feature-note{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-top:20px}
.book-dialog{width:min(820px,95vw);max-height:94vh;margin:auto;padding:0;border:1px solid #8d8d7e;background:#24251f;color:var(--paper);box-shadow:0 25px 100px #000;overflow:auto}
.book-dialog::backdrop{background:rgba(0,0,0,.84)}
.book-dialog-top{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#161713;border-bottom:1px solid #4c4d45;padding:12px 18px;color:var(--muted);font:.69rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.book-dialog-top button{appearance:none;border:0;background:transparent;color:var(--paper);font:700 .72rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:7px}
.book-dialog-top button:hover,.book-dialog-top button:focus-visible{color:var(--green)}
.book-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:4px 0 28px}
.book-intro p{max-width:570px;color:var(--muted);font:1.08rem/1.55 Georgia,serif;margin:12px 0 0}
.book-note{color:var(--muted);font:italic .9rem Georgia,serif;white-space:nowrap}
.book-reader{background:#24251f;padding:clamp(18px,3vw,30px);outline-offset:-5px}
.book-reader:focus-visible{outline:2px solid var(--green)}
.book-stage{display:flex;align-items:stretch;justify-content:center;min-height:360px;perspective:1200px}
.book-spine{width:13px;background:linear-gradient(90deg,#5b5144,#d4c8ae 45%,#796f5d);box-shadow:inset -2px 0 5px #3c342d;flex:0 0 auto}
.book-sheet{background:#f6f0e5;box-shadow:10px 14px 23px #0b0c0a;transform-origin:left center;backface-visibility:hidden;max-width:min(100%,580px);display:flex;align-items:center;justify-content:center}
.book-sheet img{display:block;max-width:100%;width:auto;height:auto;max-height:min(58vh,650px);object-fit:contain}
.book-sheet.turn-next{animation:turnNext .62s ease-in-out}
.book-sheet.turn-prev{animation:turnPrev .62s ease-in-out}
@keyframes turnNext{0%{transform:rotateY(0)}49%{transform:rotateY(-84deg)}51%{transform:rotateY(84deg)}100%{transform:rotateY(0)}}
@keyframes turnPrev{0%{transform:rotateY(0)}49%{transform:rotateY(84deg)}51%{transform:rotateY(-84deg)}100%{transform:rotateY(0)}}
.book-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:28px 0 18px}
.book-controls button{appearance:none;background:transparent;border:1px solid #8d8d7e;color:var(--paper);font:700 .72rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;cursor:pointer;min-width:116px}
.book-controls button:hover:not(:disabled),.book-controls button:focus-visible{border-color:var(--green);color:var(--green)}
.book-controls button:disabled{opacity:.32;cursor:default}
.book-count{min-width:115px;text-align:center;color:var(--muted);font:.75rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.book-caption{text-align:center;border-top:1px solid #4c4d45;padding:20px 10px 0;min-height:64px}
.book-title{font:normal 1.7rem Georgia,serif;margin:0}
.book-title.napoleon{font:bold 1.6rem Georgia,serif;text-transform:uppercase;letter-spacing:.16em}
.book-title.hitler{font:900 1.6rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.025em}
.book-title.elvis{font:italic 2rem 'Brush Script MT','Segoe Script',Georgia,serif}
.book-title.einstein{font:italic 1.8rem 'Comic Sans MS','Bradley Hand',Georgia,serif}
.book-title.cleopatra{font:normal 1.75rem Georgia,serif;text-transform:uppercase;letter-spacing:.21em}
.book-caption p{margin:8px auto 0;max-width:470px;color:var(--muted);font:.93rem/1.5 Georgia,serif}
@media(max-width:700px){.book-feature{grid-template-columns:1fr}.book-cover-button{width:min(68%,270px);margin:auto}.book-intro{display:block}.book-note{display:block;margin-top:15px}.book-stage{min-height:0}.book-sheet img{max-height:min(52vh,520px)}.book-controls{gap:8px}.book-controls button{min-width:0;padding:11px 8px;font-size:.65rem}.book-count{min-width:82px;font-size:.65rem}.book-dialog{width:calc(100vw - 16px);max-height:96vh}.book-dialog-top{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.book-sheet.turn-next,.book-sheet.turn-prev{animation:none}}