.book-wrapper{overflow:hidden;padding-top:2rem;display:flex;justify-content:center}.demo-book .page{background:#faf7f2;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 20%,rgba(255,255,255,0)),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");border-radius:2px 4px 4px 2px;box-shadow:inset 4px 0 10px rgba(0,0,0,.1),inset -1px 0 2px hsla(0,0%,100%,.5),0 2px 4px rgba(0,0,0,.15);font-family:Georgia,serif;border-right:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.05);overflow:hidden}.demo-book .left-page{border-radius:4px 2px 2px 4px;box-shadow:inset -4px 0 10px rgba(0,0,0,.1),inset 1px 0 2px hsla(0,0%,100%,.5),0 2px 4px rgba(0,0,0,.15);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.05)}.demo-book .page.has-iframe{overflow:hidden}.demo-book .page.has-iframe .page-content{overflow:visible}.demo-book .page-content{padding:2rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.demo-book .page-footer{font-size:.8rem;color:#a89f91;font-family:Inter,sans-serif;letter-spacing:.05em;padding-bottom:.5rem}.demo-book .left-page .page-footer{text-align:left;padding-left:.5rem}.demo-book .right-page .page-footer{text-align:right;padding-right:.5rem}.demo-book .page-image{border-radius:4px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.08)}.demo-book .page-iframe{overflow:hidden;min-width:0;max-width:100%;box-sizing:border-box;width:100%}.demo-book .page-iframe iframe{display:block;overflow:auto;max-width:100%;max-height:100%;box-sizing:border-box;width:100%;height:100%;object-fit:contain}.demo-book .page-cover{background:#3e2c24;background-image:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,0) 40%,rgba(0,0,0,.2)),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");color:#f7e8c3;border-radius:2px 6px 6px 2px;box-shadow:inset 8px 0 20px rgba(0,0,0,.5),inset -2px 0 5px hsla(0,0%,100%,.2),0 10px 30px rgba(0,0,0,.4);border:1px solid #2a1c15}.demo-book .page-cover .page-content{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid rgba(247,232,195,.3);margin:1.5rem;width:calc(100% - 3rem);height:calc(100% - 3rem);border-radius:4px}.demo-book .front-cover{border-right:2px solid #2a1c15;box-shadow:inset 8px 0 30px rgba(0,0,0,.4),inset -2px 0 8px hsla(0,0%,100%,.15),5px 10px 25px rgba(0,0,0,.3)}.demo-book .back-cover{border-left:2px solid #2a1c15;border-radius:6px 2px 2px 6px;box-shadow:inset -8px 0 30px rgba(0,0,0,.4),inset 2px 0 8px hsla(0,0%,100%,.15),-5px 10px 25px rgba(0,0,0,.3)}.demo-book .back-cover .author-image{border:3px solid #f7e8c3;box-shadow:0 10px 25px rgba(0,0,0,.5)}.demo-book .back-cover h3{font-family:Georgia,serif;color:#f7e8c3;letter-spacing:1px}.demo-book .back-cover p{color:rgba(247,232,195,.8);font-size:.95rem;line-height:1.6;font-family:Inter,sans-serif}@media(max-width:640px){.demo-book .page-footer{text-align:center!important;padding:0 .75rem .5rem;font-size:.75rem}.demo-book .page-content{padding:1rem}.demo-book .page-cover .page-content{margin:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem)}.book-wrapper{padding-top:1rem;padding-left:1rem;padding-right:1rem}}@media(min-width:641px)and (max-width:1024px){.demo-book .page-footer{font-size:.8rem}.demo-book .page-content{padding:1.5rem}.book-wrapper{padding-top:1.5rem}}