/* Shared book material: decoration is independent of illustration style and prose size. */
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-cover,
.children-shelf .pp-shelf-book .pp-cover,
.science-book-grid .science-book-cover{position:relative;isolation:isolate;border-radius:2px 4px 4px 2px;box-shadow:1px 1px 0 #d7d1c4,3px 2px 0 #f5f0e3,4px 3px 0 #c1baaa,5px 5px 9px #24382c24}
:is(.children-shelf,.science-book-grid) :is(.child-cover,.science-book-cover)::after,
.children-shelf .pp-shelf-book .pp-cover::after{content:"";display:block;position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#19312d45 0,transparent 1.5%,#fff6 3%,#fff2 4%,#1c302e30 5%,transparent 7%,transparent 97%,#fff4 99%,#25352f30);box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #182f2a30}
.book-effect-dialog{width:min(440px,calc(100vw - 32px));padding:16px;border:1px solid #d7dfd9;border-radius:4px;background:#fffefa;color:#293b32;box-shadow:0 12px 44px #15291e30;font:400 14px/1.6 var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif)}
.book-effect-dialog::backdrop{background:#14241f55}
.book-effect-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.book-effect-heading>button{border:0;background:transparent;color:inherit;font:inherit;font-size:22px;padding:0 8px;min-height:32px;cursor:pointer}
.book-effect-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.book-effect-options>button{display:flex;flex-direction:column;gap:5px;align-items:stretch;min-width:0;border:1px solid #dce3db;border-radius:4px;background:transparent;color:inherit;padding:12px;font:inherit;text-align:left;cursor:pointer}
.book-effect-options>button[aria-pressed=true]{border-color:#3d8064;background:#eef6f0}
.book-effect-options small{font:inherit;font-size:12px;color:#65796d}
.book-effect-dialog button:focus-visible{outline:2px solid #3c8264;outline-offset:3px}
.book-effect-sample{display:block;position:relative;height:76px;margin:1px 2px 8px;background:linear-gradient(90deg,#d7e6d9 0 46%,#f9f5e9 46%);border-radius:2px}
.sample-book{box-shadow:1px 1px #c9bfac,3px 2px #f6efe0,4px 3px #c9bfac,0 6px 9px #283c2c24}
.sample-book::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#263b2b20,transparent 7%,transparent 44%,#3e3c2d28 49.5%,#fff8 51%,transparent 59%,transparent 96%,#78684d25);pointer-events:none}
body.reader-modern[data-book-effect=book] .spread{position:relative;isolation:isolate;background:var(--reader-paper,#fffdf7);border-radius:3px;box-shadow:0 1px 0 #cec4b0,2px 3px 0 #f6f0e3,3px 4px 0 #c6bba4,4px 6px 0 #eee8d9,5px 7px 0 #bfb59f,0 10px 22px #20382b24}
body.reader-modern[data-book-effect=book] .spread::before{content:"";display:block;position:absolute;left:calc(50% - 22px);width:44px;top:0;bottom:0;z-index:14;pointer-events:none;background:linear-gradient(90deg,transparent,#5a4b3520 40%,#3c33242c 49%,#fff9 52%,#7d694214 62%,transparent)}
body.reader-modern[data-book-effect=book] .spread::after{content:"";display:block;position:absolute;right:-5px;top:3px;bottom:0;width:7px;z-index:14;pointer-events:none;border-radius:0 2px 2px 0;background:repeating-linear-gradient(90deg,#c8bda5 0 1px,#faf5e8 1px 2px,#e6deca 2px 3px);box-shadow:1px 0 1px #6d60432b}
body.reader-modern[data-book-effect=book] .spread>:is(.illustration,.text-page,.page-activity){background-color:var(--reader-paper,#fffdf7);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #b4a78920}
body.reader-modern[data-book-effect=book] .spread>.illustration{background-image:linear-gradient(90deg,#9384670d,transparent 8%,transparent 90%,#9384670a)}
body.reader-modern[data-book-effect=book] .spread>.text-page{background-image:linear-gradient(90deg,#9384670a,transparent 10%,transparent 92%,#9384670d)}
body.reader-modern[data-book-effect=book] .book-turn-face{background:var(--reader-paper,#fffdf7);box-shadow:0 4px 18px #26352d20}
@media(max-width:760px){body.reader-modern[data-book-effect=book] .spread::before{display:none}body.reader-modern[data-book-effect=book] .spread::after{right:-3px;width:4px}.book-effect-dialog{padding:12px}}
@media(forced-colors:active){body.reader-modern[data-book-effect=book] .spread::before,body.reader-modern[data-book-effect=book] .spread::after{display:none}.book-effect-options>button[aria-pressed=true]{outline:2px solid Highlight}}