/* Richer lodge-plaid jacket stage, with warm paper and quiet floating actions. */
.reader-page .book-opening{
  position:relative;
  background-color:#354632;
  background-image:
    linear-gradient(90deg,transparent 0 27px,rgba(21,43,35,.58) 27px 34px,transparent 34px 68px,rgba(220,199,149,.38) 68px 71px,transparent 71px 104px),
    linear-gradient(0deg,transparent 0 27px,rgba(21,43,35,.58) 27px 34px,transparent 34px 68px,rgba(220,199,149,.38) 68px 71px,transparent 71px 104px),
    linear-gradient(90deg,transparent 0 74px,rgba(130,77,57,.26) 74px 80px,transparent 80px 104px),
    linear-gradient(0deg,transparent 0 74px,rgba(130,77,57,.26) 74px 80px,transparent 80px 104px),
    linear-gradient(120deg,#243c30,#506043);
  background-size:104px 104px;
  border-bottom:1px solid #b69a62;
}
.reader-page.reader-muddy .book-opening{background-color:#454c35;background-image:
    linear-gradient(90deg,transparent 0 26px,rgba(30,43,34,.62) 26px 34px,transparent 34px 67px,rgba(226,202,151,.42) 67px 70px,transparent 70px 103px),
    linear-gradient(0deg,transparent 0 26px,rgba(30,43,34,.62) 26px 34px,transparent 34px 67px,rgba(226,202,151,.42) 67px 70px,transparent 70px 103px),
    linear-gradient(90deg,transparent 0 75px,rgba(144,79,55,.34) 75px 82px,transparent 82px 103px),
    linear-gradient(0deg,transparent 0 75px,rgba(144,79,55,.34) 75px 82px,transparent 82px 103px),
    linear-gradient(120deg,#3a4935,#69563b);background-size:103px 103px}
.book-peek{color:#f2e9d6;background-color:#314432;background-image:
  linear-gradient(90deg,transparent 0 31px,rgba(21,42,33,.68) 31px 38px,transparent 38px 77px,rgba(220,200,151,.36) 77px 80px,transparent 80px 118px),
  linear-gradient(0deg,transparent 0 31px,rgba(21,42,33,.68) 31px 38px,transparent 38px 77px,rgba(220,200,151,.36) 77px 80px,transparent 80px 118px),
  linear-gradient(90deg,transparent 0 88px,rgba(133,78,58,.22) 88px 94px,transparent 94px 118px),
  linear-gradient(0deg,transparent 0 88px,rgba(133,78,58,.22) 88px 94px,transparent 94px 118px),
  radial-gradient(ellipse at 50% 0%,#59674788,transparent 70%);background-size:118px 118px}
.book-peek-inner{position:relative;padding-bottom:62px}
.book-peek-heading h2{color:#f4ecd9}
.book-peek-heading p{color:#e0d5bd}
.book-peek-view{padding:0;border:0;background:transparent}
.book-peek-page{padding:12px;background:#eee3ca;border:1px solid #c6ad77;box-shadow:8px 10px 0 rgba(19,34,25,.46),inset 0 0 0 4px rgba(255,250,235,.36)}
.book-peek-page img{background:#eee3ca;mix-blend-mode:multiply;filter:sepia(.1) saturate(.88)}
.book-peek-page figcaption{color:#45513b;font:600 .72rem/1.35 Georgia,serif;letter-spacing:.06em}
.book-peek-controls p{color:#eee2c9;font:italic 1.05rem/1.4 Georgia,serif}
.book-peek-controls button,.book-how-button{border:1px solid #cbb47e;color:#f4ebd7;background:rgba(28,47,37,.32);font:500 .9rem/1.35 Georgia,serif;letter-spacing:.035em}
.book-peek-controls button[aria-pressed="true"]{color:#2b3f30;background:#e8d7ae;border-color:#e8d7ae}
.book-how{position:absolute;bottom:0;left:0;width:auto;margin:0}
.book-how-button{min-width:150px;background:transparent;text-align:center}
.book-peek-order{position:absolute;right:0;bottom:0;padding:0;text-align:right}
.book-peek-order a,.reader-page.reader-muddy .book-peek-order a{min-height:42px;padding:9px 16px;color:#f6ecd6;background:rgba(28,47,37,.32);border:1px solid #cbb47e;font:500 .9rem/1.2 Georgia,serif;letter-spacing:.035em;text-transform:none}
.book-opening-actions a{font:500 .92rem/1.3 Georgia,serif;letter-spacing:.035em}
@media(max-width:700px){
 .book-peek-inner{padding-bottom:60px}
 .book-peek-view{gap:16px}
 .book-peek-page{padding:8px}
 .book-how-button{min-width:0;padding-inline:12px;font-size:.82rem}
 .book-peek-order a,.reader-page.reader-muddy .book-peek-order a{padding-inline:12px;font-size:.82rem}
}