/* Warm, thin paper. Each strip shows a window onto the same complete typeset page. */
.book-riffle{position:absolute;inset:0;overflow:visible;pointer-events:none;perspective:1800px;perspective-origin:50% 43%;isolation:isolate;--riffle-width:280px;--riffle-height:428.4px;--riffle-print-scale:1;--riffle-open:0;--riffle-depth:2px;--riffle-spine:-140px;--riffle-paper:#f6f0de;--riffle-ink:#575246;--riffle-serif:'AppleMyungjo','Batang','Noto Serif KR',serif;--book-paper:#f5f2e8;--book-serif:var(--riffle-serif);--book-ink:#55594a}
.book-riffle *{box-sizing:border-box}
.book-riffle-scene{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform-origin:0 0;will-change:transform}
.book-riffle-shadow{position:absolute;left:50%;top:calc(50% + var(--riffle-host-height,428.4px)*.39);transform:translate(-50%,-50%) rotate(-7deg);border-radius:50%;background:#57442d;filter:blur(19px)}
.book-riffle-deck,.book-riffle-leaf{position:absolute;left:0;top:0;width:var(--riffle-width);height:var(--riffle-height);transform-style:preserve-3d;transform-origin:0 50%}
.book-riffle-board{position:absolute;inset:-3px -3px -4px -1px;border-radius:1px 3px 4px 1px;background:linear-gradient(110deg,#847d66,#ada58b 9%,#bcb195 85%,#83785e);transform:translateZ(calc(var(--riffle-depth)*-1));box-shadow:0 0 0 .7px #6e644e,0 3px 5px #4b412533}
.book-riffle-deck-left .book-riffle-board{border-radius:3px 1px 1px 4px}
.book-riffle-outer-cover{position:absolute;inset:-3px -3px -4px -1px;transform:rotateY(180deg) translateZ(calc(var(--riffle-depth) + .6px));backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;border-radius:3px 1px 1px 3px;background:#f5f2e8;box-shadow:0 0 0 .65px #bcb39d,0 3px 5px #473d2926}
.book-riffle-outer-cover .book-riffle-cover-design{position:absolute;inset:0;visibility:visible!important;transform:none!important;backface-visibility:visible;border-radius:3px 1px 1px 3px;color:#55594a}
.book-riffle-cover-fallback{display:flex;align-items:center;justify-content:center;padding:15%;background:linear-gradient(95deg,#d4cfbd,#faf7ec 5%,#f3efe3 96%,#b9b29f);font-family:var(--riffle-serif);font-size:calc(var(--riffle-width)*.085);line-height:1.65;writing-mode:vertical-rl}
.book-riffle-deck-paper{position:absolute;inset:0;overflow:hidden;background:linear-gradient(90deg,#e5dbc2 0,#f6f1e1 3%,#fffbee 12%,#f3ecd9 96%,#daceb2 100%);border:1px solid #d5c9ad;box-shadow:inset 0 -1px #fff7e7,inset 1px 0 7px #a08e6240;backface-visibility:hidden}
.book-riffle-deck-left .book-riffle-deck-paper{background:linear-gradient(90deg,#d8cdb2 0,#f4ecd9 3%,#fcf6e7 88%,#e2d7ba 98%,#cbbd9d 100%);box-shadow:inset -4px 0 9px #77694a29}
.book-riffle-edge{position:absolute;left:0;right:0;top:100%;height:var(--riffle-depth);transform-origin:top;transform:rotateX(-90deg);background:repeating-linear-gradient(0deg,#cfc4a9 0 .5px,#f9f1dd .5px 1.15px,#a99a7c 1.15px 1.5px);border-bottom:1px solid #a29478}
.book-riffle-foreedge{position:absolute;left:100%;top:0;bottom:0;width:var(--riffle-depth);transform-origin:left;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#c9bea4 0 .6px,#fff4dd .6px 1.2px,#b7a789 1.2px 1.6px);border-right:1px solid #ad9c7c}
.book-riffle-deck-left .book-riffle-foreedge{left:0;transform:rotateY(90deg) translateX(-100%)}
.book-riffle-binding{position:absolute;width:8px;height:calc(var(--riffle-height) + 7px);margin-left:-4px;border-radius:2px;background:linear-gradient(90deg,#79735e,#b5aa8c 42%,#d1c7a7 60%,#817862);box-shadow:0 0 2px #473c2440;opacity:var(--riffle-open)}
.book-riffle-gutter{position:absolute;width:15px;margin-left:-7.5px;height:var(--riffle-height);background:linear-gradient(90deg,transparent,#5f4f302b 40%,#65533145 49%,#c5b58d33 54%,transparent);opacity:calc(var(--riffle-open)*.85);pointer-events:none}
.book-riffle-strip{position:absolute;left:0;top:0;transform-origin:left center;transform-style:preserve-3d;will-change:transform}
.book-riffle-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--riffle-paper);border-top:.45px solid #fdf8eb;border-bottom:.5px solid #c7b896}
.book-riffle-face-front{transform:translateZ(.18px);background:linear-gradient(#fbf6e7 0,#f5efde 48%,#eee5cf 100%)}
.book-riffle-face-back{transform:rotateY(180deg) translateZ(.18px);background:linear-gradient(#f8f2e0 0,#f4ecd7 48%,#eadfc3 100%)}
.book-riffle-face::after{content:'';position:absolute;inset:0;pointer-events:none;background:#5c4b2d;opacity:var(--riffle-shade,0)}
.book-riffle-face::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:#fffdf2;opacity:var(--riffle-highlight,0)}
.book-riffle-paper-rim{position:absolute;bottom:-.35px;left:0;right:0;height:.65px;background:#b8a888;transform:translateZ(.1px);opacity:.5}
.book-riffle-print{position:absolute;left:0;top:0;width:var(--riffle-width);height:var(--riffle-height);overflow:hidden}
.book-riffle-face-front .book-riffle-print{left:var(--riffle-front-offset)}
.book-riffle-face-back .book-riffle-print{left:var(--riffle-back-offset)}
.book-riffle-content{position:absolute;left:0;top:0;width:280px;height:428.4px;padding:23px 24px 32px;transform:scale(var(--riffle-print-scale));transform-origin:0 0;font-family:var(--riffle-serif);font-weight:400;text-align:left;letter-spacing:-.025em;color:var(--riffle-ink)}
.book-riffle-content .manuscript-kicker{display:block;font-family:var(--sans,system-ui,sans-serif);font-size:8px;line-height:1.5;font-weight:400;letter-spacing:.07em;color:#8d826c;border-bottom:1px solid #d8cbb0;padding-bottom:13px}
.book-riffle-content h3{font-family:inherit;font-size:20px;line-height:1.45;font-weight:400;letter-spacing:-.035em;margin:22px 0 14px;color:#5d5545;word-break:keep-all}
.book-riffle-content p{font-family:inherit;font-size:12px;line-height:1.85;font-weight:400;letter-spacing:-.025em;word-break:keep-all;color:#766b56;margin:0}
.book-riffle-content p+p{margin-top:12px}
.book-riffle-content .manuscript-number{position:absolute;bottom:18px;right:24px;font-family:Georgia,serif;font-size:9px;line-height:1.4;color:#9c8a6b}
.book-riffle-showthrough{position:absolute;inset:15% 8% 12%;overflow:hidden;font:calc(10px * var(--riffle-print-scale))/1.95 var(--riffle-serif);letter-spacing:.02em;color:#806846;opacity:.038;transform:scaleX(-1);word-break:keep-all;white-space:normal}
@media(prefers-reduced-motion:reduce){.book-riffle *{animation:none!important;transition:none!important}}