.book-shell{max-width:1100px;margin:auto;padding:36px 24px 70px}.book-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.book-heading h1{font-size:clamp(40px,7vw,76px);line-height:1;margin:14px 0}.book-heading h1 em{color:#b3231c;font-style:normal}.book-heading p{line-height:1.7}.book-heading a{color:inherit}.book-actions{display:flex;flex-direction:column;gap:12px}.book-actions .btn{color:#171613}.book-actions p{margin:0;font-size:14px}.book-note{font-size:14px;line-height:1.7;color:#69563d;border-top:1px solid #d5c8b3;padding-top:20px}.book-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 18px}.book-navigation .btn{border:1px solid #171613;background:#171613;color:#fff}.book-navigation .btn:disabled{opacity:.35;cursor:default}.book-navigation p{font-weight:700;text-align:center;margin:0}.book-stage{padding:26px;background:#262019;border-radius:14px;box-shadow:inset 0 0 50px #08060455}.book-page{position:relative;max-width:640px;margin:0 auto;background:#ffbf00;box-shadow:0 12px 30px #0009,5px 0 0 #c5b795,10px 0 0 #8a7c5a;border-radius:2px;transform-origin:left center}.book-page img{display:block;width:100%;height:auto}.book-page figcaption{background:#f4efe3;padding:12px 18px;font-size:14px;font-weight:700;text-align:center}.book-page.turning{animation:pageTurn .3s ease-out}@keyframes pageTurn{from{opacity:.25;transform:perspective(1500px) rotateY(-10deg)}to{opacity:1;transform:none}}.book-zoom{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px 0}.book-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.book-thumbnails button{padding:10px;background:#f6f0e1;border:2px solid transparent;border-radius:8px;text-align:center;cursor:pointer}.book-thumbnails button[aria-current]{border-color:#b3231c;background:#fff7dc}.book-thumbnails img{display:block;width:80px;height:auto;margin:0 auto 9px}.book-thumbnails span{font-weight:700;font-size:13px;line-height:1.4}.book-bottom{font-size:14px;line-height:1.6;margin-top:30px}.book-dialog{padding:0;border:0;border-radius:12px;max-width:96vw;width:1200px;max-height:94dvh;background:#f4efe3}.book-dialog::backdrop{background:#000c}.book-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #d1c5af}.book-dialog-toolbar .btn{padding:10px 16px}.book-dialog-scroll{overflow:auto;max-height:calc(94dvh - 68px);overscroll-behavior:contain}.book-dialog-scroll img{display:block;width:max(100%,1100px);height:auto;max-width:none}.book-shell button:focus-visible,.book-shell a:focus-visible{outline:3px solid #b3231c;outline-offset:4px}@media(max-width:600px){.book-shell{padding:24px 14px 50px}.book-heading{display:block}.book-actions{margin-top:20px}.book-navigation .btn{padding:12px 14px;font-size:13px}.book-navigation p{font-size:13px}.book-stage{padding:12px 12px 12px 8px}.book-thumbnails{grid-template-columns:repeat(2,1fr);gap:10px}.book-thumbnails button{display:flex;align-items:center;gap:10px;text-align:left}.book-thumbnails img{width:45px;margin:0}.book-thumbnails span{font-size:12px}.book-zoom .btn{font-size:13px;padding:14px 16px}.book-dialog-toolbar b{font-size:13px}}@media(prefers-reduced-motion:reduce){.book-page.turning{animation:none}}
