/* Full Scrapbook pagination: tactile paper leaves without changing the homepage stickers. */
.hhp-pagebook{max-width:1180px;margin:0 auto;position:relative}
.hhp-page-paper{position:relative;background:#fffaf1;border:1px solid #f0e7d7;border-radius:6px 18px 15px 6px;box-shadow:7px 10px 0 #efe5d3,12px 16px 23px rgba(55,41,30,.14);padding:17px 20px 44px;margin:4px 8px 22px 1px;min-height:230px;perspective:1500px;transform-style:preserve-3d}
.hhp-page-paper::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(166,127,81,.035) 28px)}
.hhp-page-paper>.hhp-card-grid{position:relative;z-index:1;min-height:150px}
.hhp-page-dogear{position:absolute;bottom:-1px;right:-1px;z-index:4;display:grid;place-items:center;width:67px;height:61px;cursor:pointer;border:0;border-radius:4px 0 13px 0;background:linear-gradient(135deg,transparent 46%,#f0debf 47%,#fff4dc 76%);color:#4d423d;font-size:1.8rem;transition:filter .2s,transform .2s}
.hhp-page-dogear:hover{filter:brightness(.96);transform:translate(-3px,-3px)}
.hhp-page-dogear[hidden]{display:none}
.hhp-page-controls{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;padding:5px 10px 13px}
.hhp-page-controls[hidden]{display:none!important}
.hhp-page-controls button,.hhp-page-number-select{font:700 .89rem 'Quicksand',sans-serif;color:#352e39;border:2px solid #37313b;border-radius:19px;padding:8px 13px;background:#fff7e8;box-shadow:3px 3px 0 #363039}
.hhp-page-controls button{cursor:pointer}.hhp-page-controls button:hover:not(:disabled){transform:translateY(-2px)}
.hhp-page-controls button:disabled{opacity:.45;cursor:default}
.hhp-page-controls [data-hhp-page-next]{background:#ffd5e7}
.hhp-page-number-select{display:flex;gap:5px;align-items:center;background:#fff}
.hhp-page-number-select select{border:0;background:transparent;font:700 .98rem 'Quicksand',sans-serif;cursor:pointer}
.hhp-page-controls .hhp-page-sound{border-color:#b0a8a7;box-shadow:none;background:transparent;font-size:.78rem;padding:5px 10px}
.hhp-page-live{text-align:center;color:#6e5b55;font-size:.78rem;min-height:1.2em;margin:0}
.hhp-page-ghost{position:absolute;inset:0;z-index:3;pointer-events:none;background:#fffaf1;border-radius:6px 18px 15px 6px;padding:17px 20px 44px;overflow:hidden;box-shadow:inset -18px 0 30px rgba(110,72,33,.12),8px 5px 15px rgba(37,25,16,.12);backface-visibility:hidden;transform-style:preserve-3d;transition:transform .76s cubic-bezier(.25,.5,.25,1),filter .76s}
.hhp-page-ghost .hhp-card-grid{position:relative;margin:0}
.hhp-page-ghost-forward{transform-origin:left center;transform:rotateY(0)}
.hhp-page-ghost-forward.is-turning{transform:rotateY(-158deg);filter:brightness(.72)}
.hhp-page-ghost-backward{transform-origin:right center;transform:rotateY(0)}
.hhp-page-ghost-backward.is-turning{transform:rotateY(158deg);filter:brightness(.72)}
@media(max-width:650px){.hhp-page-paper{padding:10px 7px 38px;margin-right:4px}.hhp-page-ghost{padding:10px 7px 38px}.hhp-page-controls{gap:8px}.hhp-page-controls button,.hhp-page-number-select{font-size:.77rem;padding:7px 9px}.hhp-page-dogear{width:49px;height:47px}}
@media(prefers-reduced-motion:reduce){.hhp-page-ghost{transition:none}}