/* Book objects share real paper edges, a fabric spine and a soft curved cover. */
.book-jacket,.teacher-jacket{transform:perspective(900px) rotateY(-9deg);transform-origin:left center;box-shadow:-7px 9px 14px #0008,1px 0 #b6a78b,3px 0 #eee4ca,5px 1px #bba98c,7px 1px #f0e5cc,9px 2px #68513b;border-radius:3px 6px 6px 3px}
.book-jacket:after,.teacher-jacket:after{z-index:3;background:linear-gradient(90deg,#fff3 0%,#fff1 1%,#0007 3%,#0001 6%,#fff2 7%,transparent 10%,transparent 88%,#fff1 96%,#0004 100%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px);box-shadow:inset 1px 0 #fff4,inset -1px 0 #0004;border-radius:inherit}
.book-jacket:hover{transform:perspective(900px) rotateY(-4deg) translateY(-8px);box-shadow:-9px 16px 22px #0009,1px 0 #b6a78b,3px 0 #eee4ca,5px 1px #bba98c,7px 1px #f0e5cc,9px 2px #68513b}
.reading-space .book2{padding:10px 10px 12px;isolation:isolate;perspective:1800px;overflow:visible;border-radius:12px 16px 16px 12px;background:repeating-linear-gradient(45deg,#ffffff06 0 1px,#00000005 1px 3px),var(--reading-accent);box-shadow:inset 0 1px 2px #fff6,inset 0 -2px 3px #0008,0 2px 0 #102c28,0 7px 0 -2px #6a634f,0 12px 0 -4px var(--reading-accent),0 22px 32px -8px #0008;margin:28px 12px 20px}
.reading-space .book2:before{content:'';position:absolute;z-index:-1;inset:15px -5px -6px 13px;border-radius:5px 11px 12px 6px;background:repeating-linear-gradient(0deg,#d7ccb3 0 1px,#f1e8d3 1px 3px,#9e957e 3px 4px);box-shadow:2px 3px 4px #0005}
.reading-space .pg2{border-radius:3px 2px 4px 4px;box-shadow:0 1px 3px #0002}
.reading-space #pgL:after,.reading-space #pgR:after{content:'';position:absolute;top:0;bottom:0;width:36px;pointer-events:none;z-index:2}
.reading-space #pgL:after{right:0;background:linear-gradient(90deg,transparent,#99896b12 45%,#66513735 95%,#332b2245)}
.reading-space #pgR:after{left:0;background:linear-gradient(90deg,#332b2245,#66513730 7%,#99896b10 55%,transparent)}
.reading-space .book2.single{max-width:830px;margin-left:auto;margin-right:auto}.reading-space .book2.single #pgL:after{left:0;right:auto;width:22px;background:linear-gradient(90deg,#66513720,transparent)}
.reading-space[data-paper=night] .book2:before{background:repeating-linear-gradient(0deg,#59564e 0 1px,#827968 1px 3px,#3a3832 3px 4px)}
.book-turn-leaf{position:absolute;z-index:8;transform-style:preserve-3d;pointer-events:none}.book-turn-front,.book-turn-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:var(--paper);border:0!important;border-radius:3px;box-shadow:0 3px 14px #0003}
.book-turn-leaf .pg2{position:absolute!important;inset:0!important;min-height:100%;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box;visibility:visible!important}
.book-turn-back{transform:rotateY(180deg)}.book-turn-front:after,.book-turn-back:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0003,transparent 25%,#fff1 60%,#0002)}
.book-turn-still{position:absolute;pointer-events:none;z-index:7;overflow:hidden;background:var(--paper)}.book-turn-still .pg2{width:100%!important;max-width:none!important;margin:0!important;visibility:visible!important}
@media(max-width:899px){.reading-space .book2{padding:7px 7px 9px;margin-inline:5px!important;border-radius:9px}.reading-space .book2:before{right:-4px;bottom:-5px;left:10px}}
@media(prefers-reduced-motion:reduce){.book-jacket{transition:none}.book-jacket:hover{transform:perspective(900px) rotateY(-9deg)}.book-turn-leaf,.book-turn-still{display:none}}

.reading-space .book2{scroll-margin-top:130px}.book-turn-front,.book-turn-back{-webkit-backface-visibility:hidden}

@media(max-width:600px){.reading-space .book2{scroll-margin-top:175px}}