.book-sample-modal{width:min(1150px,calc(100% - 36px));max-width:none;max-height:calc(100dvh - 30px);padding:0;border-radius:13px;overflow:auto;overflow-x:hidden;background:#f2eee2;border:1px solid #d8d1bd;box-shadow:0 25px 120px #16161055}
.book-sample-modal>.close{z-index:4;right:17px;top:15px;background:#fffdf6}
.book-sample-modal #modal-content{position:relative}
.bs-reader{padding:27px 38px 18px;background:radial-gradient(ellipse at center,#f9f6ed 0%,#f0ecdf 80%);color:var(--ink)}
.bs-header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding-right:48px;margin-bottom:21px}
.bs-eyebrow{display:block;font:750 9px/1.5 var(--body);letter-spacing:.14em;color:#7e7967;margin-bottom:8px}
.bs-heading{font-size:39px;line-height:1.1;margin:0 0 8px;outline:none}
.bs-header p{font-size:12px!important;color:#797561;margin:0;line-height:1.5}
.bs-sound{display:flex;align-items:center;gap:7px;background:#fffdf7;border:1px solid #dad3be;border-radius:25px;padding:9px 12px;font-size:16px;white-space:nowrap;color:#534f3d;min-height:42px}
.bs-sound span{font-size:10px;font-weight:650}
.bs-sound[aria-pressed=false]{color:#827f74;background:transparent}
.bs-stage{position:relative;display:flex;justify-content:center;align-items:center;perspective:1600px;touch-action:pan-y pinch-zoom;user-select:none;padding:0 30px}
.bs-book{height:min(58dvh,610px);width:min(calc(58dvh * 1.333333),813px);max-width:100%;display:flex;position:relative;background:#fdfcf6;box-shadow:0 15px 27px #5c512331,0 2px 3px #5c51232b,3px 5px 0 #e8e3d3,5px 7px 0 #dcd5c0;transform:rotateY(var(--bs-drag,0deg));transform-style:preserve-3d;transition:transform .12s;isolation:isolate}
.bs-book:after{content:'';position:absolute;left:calc(50% - 12px);top:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,#564a1e14 35%,#32270920 48%,#fff8 52%,#57471309 64%,transparent);pointer-events:none;z-index:1}
.bs-page{position:relative;display:block;flex:0 0 50%;min-width:0;width:50%;height:100%;padding:0;background:#fffdf8;border:0;border-radius:0;cursor:zoom-in;overflow:hidden}
.bs-page>img{height:100%;width:100%;object-fit:contain;object-position:center;background:white;pointer-events:none;user-select:none}
.bs-zoom-cue{position:absolute;bottom:11px;right:11px;display:block;background:#fffdf3eb;border:1px solid #d5cfb9;border-radius:20px;padding:5px 8px;color:#706a55;font-size:8px;font-weight:650;opacity:0;transition:opacity .15s;pointer-events:none}
.bs-page:hover .bs-zoom-cue,.bs-page:focus-visible .bs-zoom-cue{opacity:1}
.bs-edge{position:absolute;top:42%;width:38px;height:56px;background:#fffdf5;border:1px solid #d8d1bb;border-radius:6px;box-shadow:0 3px 9px #665b3420;z-index:3;font:36px/1 Arial,sans-serif;color:#575039;padding:0}
.bs-edge-prev{left:-6px}.bs-edge-next{right:-6px}
.bs-edge:disabled{opacity:.2;cursor:default;box-shadow:none}
.bs-edge:not(:disabled):hover{background:var(--yellow);border-color:#beaa4b}
.bs-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:23px auto 0;max-width:720px}
.bs-nav{border:1px solid #ccc3a9;border-radius:25px;padding:9px 16px;color:#433e2d;background:#fffdf5;display:inline-flex;gap:13px;align-items:center;justify-content:center;font-size:11px;font-weight:700;min-height:42px;justify-self:start}
.bs-next{background:var(--ink);border-color:var(--ink);color:#fff;justify-self:end}
.bs-nav>span{font-size:18px;line-height:1}
.bs-nav:disabled{opacity:.28;cursor:default}
.bs-status{text-align:center;line-height:1.5}
.bs-status strong{display:block;font-size:11px;font-weight:750}
.bs-status>span{display:block;font-size:9px;color:#7f7863;margin-top:3px}
.bs-bottom{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin:15px 0 0}
.bs-bottom>span{font-size:9px;line-height:1.6;color:#88816c;text-align:center}
.bs-overview-button{font-size:10px;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#71684f;padding:2px 0}
.bs-overview-button[hidden]{display:none}
.bs-overview-cover,.bs-overview-toc{width:50%;padding:26px 28px;overflow:auto;background:#fffdf5}
.bs-overview-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffbed}
.bs-overview-cover img{height:75%;max-width:95%;width:auto;object-fit:contain;filter:drop-shadow(4px 6px 5px #4b41172d);transform:rotate(-3deg)}
.bs-overview-cover .handwritten{font-size:21px;margin-top:15px;color:#746a48}
.bs-overview-toc h3{font-family:var(--display);font-weight:400;font-size:34px;letter-spacing:0;line-height:1.1;margin:0 0 7px}
.bs-toc-intro{font-size:10px!important;color:#82775a;margin:0 0 16px!important}
.bs-overview-toc ol{list-style:none;margin:0;padding:0;counter-reset:bs-toc}
.bs-overview-toc li{display:flex;align-items:baseline;gap:9px;padding:8px 0;border-bottom:1px dotted #d6cfb6;font-size:11px;line-height:1.4}
.bs-overview-toc li>span{flex:1}.bs-overview-toc li>b{font-size:10px;font-weight:400;color:#8a8063}
.bs-overview-note{font-size:8px!important;line-height:1.6;margin:13px 0 14px!important;color:#8b8065}
.bs-start{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;padding:10px 12px;background:var(--yellow);font-size:10px;font-weight:750;color:#3e3517;border-radius:2px;min-height:38px}
.bs-start span{font-size:18px;line-height:1}
.bs-turn-sheet{position:absolute;top:0;bottom:0;width:50%;z-index:5;transform-style:preserve-3d;pointer-events:none;backface-visibility:visible}
.bs-turn-forward{right:0;transform-origin:left center;animation:bs-flip-forward .62s cubic-bezier(.35,.08,.23,1) both}
.bs-turn-back{left:0;transform-origin:right center;animation:bs-flip-back .62s cubic-bezier(.35,.08,.23,1) both}
.bs-leaf-front,.bs-leaf-back{position:absolute;inset:0;backface-visibility:hidden;background:#fffdf6;overflow:hidden;box-shadow:0 3px 18px #45380a25}
.bs-leaf-front:after,.bs-leaf-back:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#4b3e1617,transparent 26%,transparent 70%,#4b3e1615);pointer-events:none}
.bs-leaf-back{transform:rotateY(180deg)}
.bs-leaf-front>img,.bs-leaf-back>img{width:100%;height:100%;object-fit:contain;background:white}
.bs-leaf-blank{height:100%;display:grid;place-items:center;background:#fffbed;color:#a39879;font-family:var(--display);font-size:30px}
@keyframes bs-flip-forward{0%{transform:rotateY(0deg)}40%{transform:rotateY(-67deg)}100%{transform:rotateY(-180deg)}}
@keyframes bs-flip-back{0%{transform:rotateY(0deg)}40%{transform:rotateY(67deg)}100%{transform:rotateY(180deg)}}
.book-sample-modal.bs-zoom-active{overflow:hidden;min-height:min(850px,calc(100dvh - 30px))}
.book-sample-modal.bs-zoom-active #modal-content{height:min(850px,calc(100dvh - 30px))}
.bs-zoom-active>.close{visibility:hidden}
.bs-zoom{position:absolute;inset:0;z-index:8;min-height:100%;background:#e9e4d6;display:flex;flex-direction:column}
.bs-zoom-top{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#fffdf5;border-bottom:1px solid #d7ceba;padding:16px 22px}
.bs-zoom-top>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.bs-zoom-top strong{font-size:15px}.bs-zoom-top span{font-size:10px;color:#82785e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-zoom-close{flex-shrink:0;border-radius:50%;width:38px;height:38px;padding:0;display:grid;place-items:center;background:var(--ink);color:#fff;font:27px/1 Arial,sans-serif}
.bs-zoom-tools{display:flex;gap:10px;align-items:center;padding:10px 22px;background:#f6f2e7;border-bottom:1px solid #ded4bd}
.bs-zoom-tools button{height:32px;min-width:36px;padding:0;background:white;border:1px solid #d7ceba;border-radius:4px;font:22px/1 Arial,sans-serif;color:#514a38}
.bs-zoom-tools button:disabled{opacity:.35;cursor:default}
.bs-zoom-tools output{font-size:11px;text-align:center;min-width:42px}.bs-zoom-tools>span{font-size:9px;color:#8d8166;margin-left:auto}
.bs-zoom-canvas{min-height:0;flex:1;overflow:auto;padding:24px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.bs-zoom-canvas>img{display:block;max-width:none;height:auto;margin-inline:auto;box-shadow:0 8px 30px #4a3a2330;background:white}
@media(max-width:1000px){.bs-reader{padding:24px 25px 17px}.bs-overview-cover,.bs-overview-toc{padding:20px}.bs-overview-toc h3{font-size:29px}.bs-overview-toc li{font-size:10px;padding-block:7px}.bs-overview-cover .handwritten{font-size:18px}.bs-header{padding-right:39px}}
@media(max-width:760px){.book-sample-modal{width:calc(100% - 18px);max-height:calc(100dvh - 18px);border-radius:10px}.book-sample-modal>.close{top:10px;right:10px}.bs-reader{padding:23px 14px 15px}.bs-header{gap:8px;padding-right:38px;align-items:flex-start;margin-bottom:17px}.bs-heading{font-size:31px;margin-bottom:6px}.bs-header p{font-size:10px!important;max-width:220px;line-height:1.6}.bs-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:6px}.bs-sound{font-size:15px;min-height:33px;padding:6px 8px;gap:4px;margin-top:20px}.bs-sound span{font-size:8px}.bs-stage{padding:0 28px}.bs-book.bs-is-single{height:min(59dvh,620px);width:calc(min(59dvh,620px)*.6666667);max-width:100%}.bs-book.bs-is-single:after{display:none}.bs-is-single .bs-page{width:100%;flex-basis:100%}.bs-edge{width:29px;height:47px;font-size:30px}.bs-edge-prev{left:0}.bs-edge-next{right:0}.bs-overview-cover{display:none}.bs-overview-toc{width:100%;padding:23px 19px}.bs-overview-toc h3{font-size:31px}.bs-overview-toc li{font-size:10px;padding-block:7px}.bs-overview-note{font-size:8px!important}.bs-start{font-size:10px;padding-block:10px}.bs-controls{margin-top:19px;gap:8px}.bs-nav{padding:8px 12px;font-size:10px;gap:7px;min-height:40px}.bs-status strong{font-size:10px}.bs-status>span{font-size:8px;max-width:160px}.bs-bottom{gap:8px;margin-top:12px}.bs-bottom>span{font-size:8px;max-width:290px}.bs-zoom-cue{opacity:1;bottom:7px;right:7px;font-size:7px;padding:4px 6px}.bs-turn-sheet.bs-turn-single{width:100%}.bs-zoom-top{padding:13px 15px}.bs-zoom-tools{padding:9px 15px;gap:8px}.bs-zoom-tools>span{font-size:8px;max-width:130px}.bs-zoom-canvas{padding:17px}.book-sample-modal.bs-zoom-active{min-height:calc(100dvh - 18px)}}
@media(max-height:650px) and (min-width:761px){.bs-header{margin-bottom:14px}.bs-heading{font-size:31px}.bs-reader{padding-block:20px 14px}.bs-book{height:54dvh;width:72dvh}.bs-controls{margin-top:17px}.bs-overview-cover,.bs-overview-toc{padding:17px}.bs-overview-toc li{font-size:9px;padding-block:5px}.bs-overview-toc h3{font-size:26px}.bs-overview-note{font-size:7px!important;margin-block:8px!important}}
@media(prefers-reduced-motion:reduce){.bs-book,.bs-zoom-cue{transition:none}.bs-turn-sheet{animation:none!important;display:none}}

button.hero-main-book{background:transparent;border:0;padding:0;cursor:zoom-in;text-align:inherit}.sample-open-book{background:none;padding:10px 0 25px;position:relative;cursor:zoom-in;transform:rotate(-3deg);width:100%;color:var(--ink)}.sample-spread{display:flex;position:relative;box-shadow:0 18px 40px #31271025,3px 5px 0 #e8e3d3,5px 8px 0 #dcd5c0;background:white;border:1px solid #ded9cb}.sample-spread img{width:50%;height:auto}.sample-spread:after{content:'';position:absolute;inset:0 auto 0 calc(50% - 12px);width:24px;background:linear-gradient(90deg,transparent,#33271422,transparent)}.sample-book-invitation{display:block;font-size:25px;margin:28px 0 17px;transform:rotate(0)}.sample-book-open{display:inline-flex;gap:24px;align-items:center;background:var(--yellow);padding:9px 20px;border:1px solid var(--ink);font-size:10px;font-weight:800;box-shadow:3px 3px 0 var(--ink)}.sample-book-open b{font-size:20px}@media(max-width:600px){.sample-open-book{transform:rotate(-2deg)}.sample-book-invitation{font-size:23px}}
/* Keep the overview readable without scrolling inside the paper. */
.bs-is-overview .bs-overview-cover,.bs-is-overview .bs-overview-toc{padding:17px 19px;overflow:visible}.bs-is-overview .bs-eyebrow{font-size:7px;margin-bottom:5px}.bs-is-overview .bs-overview-toc h3{font-size:24px;margin-bottom:4px}.bs-is-overview .bs-toc-intro{font-size:8px!important;margin-bottom:9px!important}.bs-is-overview .bs-overview-toc li{font-size:9px;padding:4px 0;line-height:1.35;gap:7px}.bs-is-overview .bs-overview-toc li>b{font-size:8px}.bs-is-overview .bs-overview-note{font-size:7px!important;line-height:1.5;margin:8px 0!important}.bs-is-overview .bs-start{font-size:8px;min-height:30px;padding:6px 9px}.bs-is-overview .bs-overview-cover .handwritten{font-size:16px;margin-top:12px}.bs-is-overview .bs-overview-cover img{max-height:75%;width:auto;height:auto;min-height:0}@media(max-width:760px){.bs-is-overview .bs-overview-toc{padding:19px 16px;overflow:auto}.bs-is-overview .bs-overview-toc h3{font-size:29px}.bs-is-overview .bs-overview-toc li{font-size:10px;padding:7px 0}.bs-is-overview .bs-toc-intro{font-size:9px!important}.bs-is-overview .bs-overview-note{font-size:8px!important}.bs-is-overview .bs-start{font-size:10px;min-height:36px}}
.bs-page-image{display:block;position:relative;width:100%;height:100%;aspect-ratio:2/3;background:white;overflow:hidden}
.bs-page-image>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.bs-qr-blur{position:absolute;display:block;background:#ffffff90;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:3px;pointer-events:none}
.bs-zoom-canvas>.bs-page-image{height:auto;max-width:none;margin-inline:auto;box-shadow:0 8px 30px #4a3a2330}
.bs-zoom-canvas .bs-page-image>img{height:auto}
.bs-full-toc-button{display:block;width:100%;text-align:left;background:#f0ead7;color:#4d452e;border:1px solid #ded4b8;padding:8px;margin:9px 0 0;font-size:9px;font-weight:750;min-height:30px}
.bs-is-overview .bs-overview-toc{overflow:auto;overscroll-behavior:contain}
.bs-all-contents-body{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:28px 34px;columns:2;column-gap:42px;user-select:text}
.bs-all-contents-body>section{break-inside:avoid;margin:0 0 30px}
.bs-all-contents-body h3{display:flex;align-items:baseline;gap:20px;justify-content:space-between;font-family:var(--display);font-size:27px;font-weight:400;line-height:1.2;border-bottom:3px solid var(--yellow);padding-bottom:10px;margin-bottom:9px}
.bs-all-contents-body h3>span{font-family:var(--body);font-size:12px;color:#837959}
.bs-all-contents-body ol{list-style:none;margin:0;padding:0}
.bs-all-contents-body li{display:flex;gap:16px;justify-content:space-between;padding:6px 0;border-bottom:1px dotted #d6cdb5;font-size:12px;line-height:1.5}
.bs-all-contents-body li>b{font-weight:400;color:#8a7c57;min-width:20px;text-align:right}
.bs-all-contents-body .bs-toc-level-3,.bs-all-contents-body .bs-toc-level-4{padding-left:12px;font-size:11px;color:#77705d}
@media(max-width:760px){.bs-all-contents-body{columns:1;padding:22px}.bs-all-contents-body h3{font-size:25px}.bs-all-contents-body li{font-size:12px}.bs-full-toc-button{font-size:10px;min-height:38px}}
.bs-all-contents-body{columns:auto}
.bs-all-contents-body>section{max-width:820px;margin-inline:auto}
.bs-full-toc-button{margin-bottom:10px}
.bs-all-contents-body li{font-size:16px;padding-block:8px}
.bs-all-contents-body .bs-toc-level-3,.bs-all-contents-body .bs-toc-level-4{font-size:14px}
@media(max-width:760px){.bs-all-contents-body li{font-size:14px}.bs-all-contents-body .bs-toc-level-3,.bs-all-contents-body .bs-toc-level-4{font-size:13px}}