*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;color:#253b38;background:#eeede7;font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(ellipse at 50% 46%,#fffdf6 0,#eeede7 75%)}main{width:100%;height:100dvh;display:grid;place-items:center}.stage{height:var(--book-h);width:var(--spread-w);position:relative;perspective:2000px}.book-position{height:100%;width:100%;transition:transform .85s cubic-bezier(.22,.8,.25,1);filter:drop-shadow(0 12px 12px #20332b22)}.book-position.closed{transform:translateX(calc(var(--page-w) * -.5))}.book-position.back-closed{transform:translateX(calc(var(--page-w) * .5))}#book{margin:auto;touch-action:none;cursor:grab}#book:active{cursor:grabbing}
.page{overflow:hidden;background:#f7f4eb;border:1px solid #d4d0c4}.paper{width:100%;height:100%;position:relative;background:repeating-linear-gradient(0deg,#5b513102 0px,#5b513102 1px,transparent 1px,transparent 3px),linear-gradient(100deg,#faf8f0,#f2eee4);box-shadow:inset 0 0 28px #baa98113}.page.--left .paper{background:linear-gradient(90deg,#f8f5ec 88%,#e0dbce 99%,#c5beb0)}.page.--right .paper{background:linear-gradient(90deg,#d8d1c3,#f9f6ed 8%,#f5f1e7 95%,#e3ded2)}.paper:after{content:'';position:absolute;inset:12px;border:1px solid #b5a58408;pointer-events:none}.folio{position:absolute;bottom:22px;left:0;right:0;text-align:center;font:10px Georgia,serif;color:#aaa18d}.cover{background:#153f39;color:#c9b27b;border:1px solid #416158;box-shadow:inset 5px 0 9px #0005,inset -1px 0 2px #e4dcb544}.cover-face{height:100%;position:relative;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff04 2px 3px),repeating-linear-gradient(90deg,transparent 0 2px,#00000008 2px 3px),radial-gradient(ellipse at 45% 30%,#2b574a77,transparent 70%)}.cover-face:before{content:'';position:absolute;inset:17px 16px 17px 22px;border:1px solid #c8ad714e}.cover-face:after{content:'';position:absolute;left:10px;top:0;bottom:0;width:3px;box-shadow:1px 0 2px #d6e0cb18,-2px 0 3px #001c2288}.cover-brand{position:absolute;top:42px;font-size:18px;letter-spacing:-1px;color:#d1c297}.cover-kicker{font-size:8px;letter-spacing:3px;margin-top:20px}.cover h2{font:italic 43px/1.12 Georgia,serif;font-weight:400;margin:15px 0;text-shadow:0 1px 1px #0008;color:#dac998}.cover-sub{font:8px Arial;letter-spacing:2.5px;margin-top:15px}.ornament{width:100px;height:92px;position:relative;margin-top:23px}.ornament i{position:absolute;width:59px;height:80px;border:1px solid #cbb67b88;border-radius:50%;left:20px;top:5px;transform:rotate(55deg)}.ornament i:nth-child(2){transform:rotate(-55deg)}.ornament i:nth-child(3){transform:rotate(0)}.ornament b{position:absolute;top:41px;left:46px;width:8px;height:8px;background:#cdb778;transform:rotate(45deg)}.cover-bottom{position:absolute;bottom:38px;font:8px Arial;letter-spacing:2px;color:#a6ae8e}.inside{background:#244a40}.inside .cover-face{opacity:.5}.inside .ornament{transform:scale(1.2)}
.cover h2{font-size:clamp(30px,calc(var(--page-w) * .12),100px)}.cover-brand{font-size:clamp(18px,calc(var(--page-w) * .05),40px)}@media(prefers-reduced-motion:reduce){.book-position{transition:none}}
.cover-scene{position:absolute;inset:0;perspective:calc(var(--page-w) * 5);perspective-origin:50% 45%;z-index:50;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.cover-scene[hidden]{display:none}.cover-scene:active{cursor:grabbing}.cover-board,.cover-page-stack,.cover-cast-shadow{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:0 50%}.cover-board{transform-style:preserve-3d;will-change:transform}.board-front,.board-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:0 3px 3px 0}.board-front{transform:translateZ(2px)}.board-front:after{content:'';position:absolute;inset:0;background:#071f1a;opacity:var(--shade,0);pointer-events:none}.board-back{transform:rotateY(180deg) translateZ(2px);background:#f8f5ec;box-shadow:inset 0 0 0 2px #355246}.board-back .paper{background:linear-gradient(90deg,#f8f5ec 88%,#e0dbce 99%,#c5beb0)}.board-edge{position:absolute;right:-2px;top:0;height:100%;width:4px;background:#36564a;transform:rotateY(90deg);transform-origin:50% 50%;backface-visibility:visible}.cover-page-stack{inset:auto 0 2px auto;top:3px;height:calc(100% - 5px);border-right:4px double #c5c0b2;border-bottom:3px double #c5c0b2;border-radius:0 3px 3px 0;box-shadow:3px 5px 8px #20332b22}.cover-page-stack .paper{background:linear-gradient(90deg,#d8d1c3,#f9f6ed 8%,#f5f1e7 95%,#e3ded2)}.cover-cast-shadow{background:linear-gradient(90deg,#071c1999,#071c1966);pointer-events:none;opacity:0}.cover-active{filter:none}@media(max-width:600px){.cover-board,.cover-page-stack,.cover-cast-shadow{left:0;width:100%}}

/* Turned-in cloth edges and inset pasted paper, shared by the animated cover
   and the settled inside boards so the materials stay identical on release. */
.inside-board{border-color:#416158}.inside-cover{position:relative;width:100%;height:100%;padding:clamp(9px,calc(var(--page-w) * .028),22px);background:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff04 2px 3px),repeating-linear-gradient(90deg,transparent 0 2px,#00000008 2px 3px),#153f39;box-shadow:inset 0 0 0 1px #496357,inset 0 0 7px #06282188}.pasted-endpaper{position:relative;width:100%;height:100%;background:repeating-linear-gradient(0deg,#806b3603 0 1px,transparent 1px 3px),linear-gradient(105deg,#f3eddf,#e9e2d1);border:1px solid #d5cdbb;box-shadow:0 1px 2px #001c2266,inset 0 0 18px #a9966712}.inside-front .pasted-endpaper{background:linear-gradient(90deg,#f1ebdc 88%,#e2dac8 97%,#c8bea7)}.inside-back .pasted-endpaper{background:linear-gradient(90deg,#c8bea7,#e2dac8 3%,#f1ebdc 12%)}.inside-cover:before,.inside-cover:after{content:'';position:absolute;left:0;right:0;height:clamp(9px,calc(var(--page-w) * .028),22px);pointer-events:none;background:linear-gradient(45deg,transparent 49%,#abb59433 50%,transparent 52%) left/22px 100% no-repeat,linear-gradient(-45deg,transparent 49%,#abb59433 50%,transparent 52%) right/22px 100% no-repeat}.inside-cover:before{top:0}.inside-cover:after{bottom:0;transform:scaleY(-1)}.copyright-notice{position:absolute;left:13%;right:13%;bottom:15%;font:clamp(10px,calc(var(--page-w) * .024),16px)/1.7 Georgia,serif;color:#6c675c}.copyright-notice p{margin:0 0 1.25em}.copyright-notice .copyright-title{font-style:italic;margin-bottom:2em;color:#474c40}
/* Staggered clear-plastic index pockets, each with a replaceable paper insert. */
.stage{margin-right:var(--tab-space,148px)}
.section-markers{position:absolute;left:calc(100% - 12px);top:5%;height:90%;width:var(--tab-space);z-index:65;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.plastic-marker{position:relative;pointer-events:auto;flex:0 0 8.7%;width:100%;min-height:30px;border:1px solid rgba(var(--tab-color),.5);border-left:0;border-radius:0 7px 7px 0;padding:5px 7px 5px 19px;cursor:pointer;color:#334139;background:linear-gradient(170deg,#ffffff85 0%,#ffffff08 36%,rgba(var(--tab-color),.22) 55%,#ffffff50 100%),rgba(var(--tab-color),.18);box-shadow:inset 0 1px 0 #ffffffbd,inset 0 -2px 2px rgba(var(--tab-color),.15),1px 3px 4px #1a30221b;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);transform:translateX(calc(var(--tab-index) * .35px));transition:transform .18s,box-shadow .18s;touch-action:manipulation}
.plastic-marker:before{content:'';position:absolute;inset:3px;border:1px solid #ffffff5c;border-left:0;border-radius:0 4px 4px 0;pointer-events:none}.plastic-marker:after{content:'';position:absolute;right:5px;top:5px;bottom:5px;width:3px;border-left:1px solid #ffffffb0;border-right:1px solid rgba(var(--tab-color),.22);pointer-events:none}.paper-label{position:relative;display:flex;align-items:center;gap:7px;height:100%;min-height:22px;background:linear-gradient(110deg,#fffff4ed,#faf8eac9);padding:4px 7px 4px 5px;box-shadow:0 1px 2px #34452b22;border:1px solid #b3af9233;border-radius:1px;text-align:left;font:11px/1.2 Georgia,serif}.tab-number{font:8px Arial,sans-serif;color:rgba(var(--tab-color),1);letter-spacing:.5px}.tab-subject{overflow-wrap:normal}.plastic-marker:hover,.plastic-marker:focus-visible{transform:translateX(6px);box-shadow:inset 0 1px 0 white,2px 4px 7px #1a30222a;outline:none}.plastic-marker:focus-visible .paper-label{outline:2px solid #294c47;outline-offset:2px}.plastic-marker[aria-current]{box-shadow:inset 0 1px 0 white,1px 3px 6px #1a302238;background-color:rgba(var(--tab-color),.35)}.plastic-marker.requested .paper-label{color:#173f37;font-weight:bold}.section-turn .stf__item:not(.inside-board):not(.cover){box-shadow:1px 1px 0 #e6e0d4,2px 2px 0 #bfb8a9,3px 3px 0 #f8f4e8,4px 4px 0 #d2cbbb}
@media(max-width:600px){.section-markers{left:calc(100% - 9px)}.plastic-marker{padding:3px 6px 3px 11px;border-radius:0 5px 5px 0}.paper-label{gap:3px;padding:3px;font-size:9px}.tab-number{font-size:7px}.plastic-marker:hover{transform:none}}
/* Compact sideways, handwritten inserts. The reverse is genuinely mirrored. */
:root{--tab-width:34px}.stage{margin-right:0}.section-markers{left:0;top:0;width:100%;height:100%;display:block;pointer-events:none}.plastic-marker{position:absolute;left:calc(100% - 7px);top:calc(5% + var(--tab-index) * 10%);width:var(--tab-width);height:9%;min-height:0;padding:4px 4px 4px 7px;transform:none;touch-action:none;cursor:grab}.plastic-marker:active{cursor:grabbing}.paper-label{justify-content:center;gap:3px;padding:2px;writing-mode:vertical-rl;font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:clamp(8px,calc(var(--book-h) * .018),13px);line-height:1.05;white-space:nowrap}.tab-number{display:none}.tab-subject{max-height:100%;overflow:hidden;text-overflow:ellipsis}.plastic-marker.tab-reverse{left:calc(0px - var(--tab-width) + 7px);border-radius:6px 0 0 6px;border-left:1px solid rgba(var(--tab-color),.5);border-right:0;padding:4px 7px 4px 4px}.tab-reverse .paper-label{transform:scaleX(-1)}.plastic-marker:hover,.plastic-marker:focus-visible{transform:translateX(2px)}.plastic-marker.tab-reverse:hover{transform:translateX(-2px)}
.tab-stack-scene{position:absolute;inset:0;z-index:64;perspective:calc(var(--page-w) * 5);pointer-events:none}.tab-page-stack{position:absolute;height:100%;top:0;transform-style:preserve-3d;transform-origin:0 50%;will-change:transform}.stack-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d0c9b9;box-shadow:1px 1px 0 #eae5da,2px 2px 0 #bfb8a9,3px 3px 0 #f8f4e8,4px 4px 0 #cfc7b7,5px 5px 0 #eee8dc,8px 9px 18px #26392d26}.stack-front{transform:translateZ(3px)}.stack-back{transform:rotateY(180deg) translateZ(3px)}.stack-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#28342733,transparent 55%);opacity:var(--stack-lift,0)}.moving-tab{pointer-events:none;backface-visibility:visible;transform:translateZ(2px)!important}.moving-tab.tab-reverse{transform:translateZ(-2px)!important}@media(max-width:600px){:root{--tab-width:29px}.section-markers{left:0}.plastic-marker{padding:3px}.paper-label{font-size:9px}}

.paper-label{font-size:clamp(7px,calc(var(--book-h) * .014),11px)}.tab-subject{overflow:visible}
/* Tabs belong to the paper stack, not an overlay above every page.
   Only the current section exposes its clear adhesive foot. */
#book{position:relative;z-index:2}
.section-markers{z-index:auto;isolation:auto}
.section-markers .plastic-marker{z-index:1}
.section-markers .plastic-marker[aria-current="page"]{z-index:65}
.tab-attachment{display:none;position:absolute;right:calc(100% - 1px);top:3px;bottom:3px;width:9px;background:linear-gradient(100deg,#ffffff50,rgba(var(--tab-color),.13));border:1px solid rgba(var(--tab-color),.26);border-right:0;border-radius:2px 0 0 2px;box-shadow:inset 0 1px 0 #ffffff99,0 1px 1px #253b3812;pointer-events:none}
[aria-current="page"]>.tab-attachment,.held-tab>.tab-attachment{display:block}
.tab-reverse>.tab-attachment{right:auto;left:calc(100% - 1px);border-left:0;border-right:1px solid rgba(var(--tab-color),.26);border-radius:0 2px 2px 0}
/* Carried tabs remain between the two stack faces; the held tab is on top. */
.moving-tab.held-tab{transform:translateZ(4px)!important}
.moving-tab.held-tab.tab-reverse{transform:translateZ(-4px)!important}
.moving-tab.held-tab.held-tab-back{transform:translateZ(-4px)!important}
.moving-tab.held-tab.tab-reverse.held-tab-back{transform:translateZ(4px)!important}
.contents-page{position:absolute;inset:9% 11% 10%;color:#344b40}.contents-kicker{font:clamp(6px,calc(var(--page-w)*.018),10px)/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#8d8268;margin:0 0 7%}.contents-page h2{font:normal clamp(22px,calc(var(--page-w)*.095),58px)/1.2 Georgia,serif;margin:0 0 10%}.contents-list{display:flex;flex-direction:column;gap:clamp(4px,calc(var(--book-h)*.009),10px)}.contents-list button{display:flex;align-items:baseline;gap:7px;width:100%;border:0;border-radius:3px;background:transparent;color:inherit;cursor:pointer;padding:clamp(5px,calc(var(--book-h)*.011),12px) 0;text-align:left;font:clamp(9px,calc(var(--page-w)*.029),18px)/1.4 Georgia,serif;touch-action:manipulation}.contents-dot{flex:none;width:5px;height:5px;border-radius:50%;background:rgb(var(--tab-color));align-self:center;opacity:.8}.contents-leader{flex:1;min-width:6px;border-bottom:1px dotted #9c93776b}.contents-number{font-size:.85em;font-variant-numeric:tabular-nums;color:#8d8268}.contents-list button:hover{color:#153f39;background:#aa956415}.contents-list button:focus-visible{outline:2px solid #567c66;outline-offset:4px}.contents-subject{max-width:83%}
/* Readable inserts on both faces, with all ink contained in the pocket. */
.tab-reverse .paper-label{transform:none}
.paper-label{overflow:hidden;min-height:0;min-width:0}
.tab-subject{display:block;max-width:100%;max-height:100%;overflow:hidden;text-overflow:clip;line-height:1.15}
.plastic-marker{height:9.4%;padding-top:3px;padding-bottom:3px}
.paper-label{font-size:9px}
.moving-tab .paper-label{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.1px)}
.moving-tab .paper-label.label-back{position:absolute;inset:3px 4px 3px 7px;height:auto;transform:rotateY(180deg) translateZ(.1px)}
.moving-tab.tab-reverse .paper-label.label-back{inset:3px 7px 3px 4px}
@media(max-width:600px){.moving-tab .paper-label.label-back,.moving-tab.tab-reverse .paper-label.label-back{inset:3px}}

.cover-logo{display:block;width:clamp(85px,calc(var(--page-w) * .25),180px);height:auto;object-fit:contain;margin-top:23px;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 3px #001c2233)}
.page-tab-follower{position:absolute;pointer-events:none;overflow:visible;transform-style:preserve-3d}
.page-tab-follower .plastic-marker{pointer-events:none;transform:none!important}
.page-tab-follower .tab-attachment{display:block}
/* Nivo4 cover palette, matched to the existing blue/white brand logo. */
.cover{background:#0645bf;color:#fff;border-color:#366bdd;box-shadow:inset 5px 0 9px #00184466,inset -1px 0 2px #ffffff60}
.cover-face{background:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff04 2px 3px),repeating-linear-gradient(90deg,transparent 0 2px,#0018440c 2px 3px),radial-gradient(ellipse at 45% 30%,#3678e85c,transparent 70%)}
.cover-face:before{border-color:#ffffff66}
.cover-face:after{box-shadow:1px 0 2px #ffffff30,-2px 0 3px #00133388}
.cover-brand,.cover h2,.cover-kicker,.cover-sub{color:#fff}
.cover h2{text-shadow:0 1px 2px #00184466}
.cover-bottom{color:#e4edff}
.cover-logo{filter:drop-shadow(0 2px 4px #00184455)}
.board-front:after{background:#001b57}
.board-edge{background:#164898}
.board-back{box-shadow:inset 0 0 0 2px #255bba}
.inside-board{border-color:#366bdd}
.inside-cover{background:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff04 2px 3px),repeating-linear-gradient(90deg,transparent 0 2px,#0018440c 2px 3px),#0645bf;box-shadow:inset 0 0 0 1px #4b78d2,inset 0 0 7px #00184488}
.pasted-endpaper{border-color:#d2d9e5;box-shadow:0 1px 2px #00184455,inset 0 0 18px #8199bb12}
.inside-front .pasted-endpaper{background:linear-gradient(90deg,#f7f9fc 88%,#e6ebf3 97%,#c5cfdc)}
.inside-back .pasted-endpaper{background:linear-gradient(90deg,#c5cfdc,#e6ebf3 3%,#f7f9fc 12%)}
/* Real-paper dog-ears and their lasting fold lines. */
.page{--dogear:clamp(28px,calc(var(--page-w) * .11),65px)}
.dogear-fold,.dogear-crease,.dogear-behind{position:absolute;right:0;top:0;width:var(--dogear);height:var(--dogear);padding:0;border:0;background:transparent;z-index:12;cursor:grab;touch-action:none}
.dogear-fold{width:calc(var(--dogear) * .55);height:calc(var(--dogear) * .55)}
.dogear-fold:hover{background:linear-gradient(45deg,transparent 48%,#c3baa34d 50%,#fff9 52%)}
.dogear-crease,.dogear-behind,.dogear-triangle,.dogear-beneath{display:none}
.dog-eared,.dogear-preview{background:transparent}
.dog-eared>.paper,.dogear-preview>.paper{clip-path:polygon(0 0,calc(100% - var(--dogear)) 0,100% var(--dogear),100% 100%,0 100%)}
.dog-eared.--left>.paper,.dogear-preview.--left>.paper{clip-path:polygon(var(--dogear) 0,100% 0,100% 100%,0 100%,0 var(--dogear))}
.dogear-triangle,.dogear-beneath,.dogear-scar{position:absolute;right:0;top:0;width:var(--dogear);height:var(--dogear);pointer-events:none}
.dog-eared>.dogear-triangle,.dogear-preview>.dogear-triangle{display:block;background:linear-gradient(135deg,#ded6c5,#f8f3e7 46%,#c8bfae);clip-path:polygon(0 0,0 100%,100% 100%);filter:drop-shadow(-1px 2px 2px #3d352630);z-index:9}
.dog-eared>.dogear-beneath,.dogear-preview>.dogear-beneath{display:block;background:linear-gradient(135deg,#ede7db,#d1c8b4);clip-path:polygon(0 0,100% 0,100% 100%);z-index:0}
.dog-eared>.dogear-fold{display:none}
.dog-eared>.dogear-crease{display:block;clip-path:polygon(0 0,9% 0,100% 91%,100% 100%,91% 100%,0 9%);z-index:14}
.dog-eared>.dogear-behind{display:block;clip-path:polygon(12% 0,100% 0,100% 88%);z-index:13}
.dogear-scar{display:none;z-index:10;background:linear-gradient(45deg,transparent 48.6%,#93836b38 49.5%,#fffaf0aa 50.5%,transparent 51.5%)}
.was-folded>.dogear-scar{display:block}
.page.--left>.dogear-fold,.page.--left>.dogear-crease,.page.--left>.dogear-behind,.page.--left>.dogear-triangle,.page.--left>.dogear-beneath,.page.--left>.dogear-scar{right:auto;left:0;transform:scaleX(-1)}
.dogear-held-sheet{overflow:hidden}
.contents-page{inset:6% 10% 8%}.contents-kicker{margin-bottom:4%}.contents-page h2{margin-bottom:5%;font-size:clamp(22px,calc(var(--page-w)*.075),46px)}.contents-list{gap:0}.contents-list button{padding:clamp(3px,calc(var(--book-h)*.008),8px) 0}
.saved-section{margin-top:5%;padding-top:4%;border-top:1px solid #aa9c7d55}.saved-section h3{font:italic clamp(14px,calc(var(--page-w)*.04),24px) Georgia,serif;margin:0 0 8px;color:#405346}.saved-pages{max-height:calc(var(--book-h)*.19);overflow:auto;display:flex;flex-wrap:wrap;gap:5px}.saved-empty{font:clamp(9px,calc(var(--page-w)*.024),14px)/1.5 Georgia,serif;color:#837964;margin:0}.saved-page{position:relative;z-index:16;border:1px solid #bcb19b66;background:#fffaf0;padding:5px 7px;color:#425646;font:clamp(9px,calc(var(--page-w)*.024),13px) Georgia,serif;border-radius:2px;cursor:grab;touch-action:none}.saved-page:active{cursor:grabbing}.saved-page:focus-visible,.dogear-fold:focus-visible,.dogear-crease:focus-visible,.dogear-behind:focus-visible{outline:2px solid #0645bf;outline-offset:-2px}

/* The first product story, set as a quiet printed book page. */
.tile-story{position:absolute;inset:7% 10% 8%;color:#333f3c;font:clamp(8px,calc(var(--page-w) * .025),16px)/1.5 Georgia,serif;overflow:auto;scrollbar-width:thin;scrollbar-color:#b9b5a7 transparent}
.tile-story .story-eyebrow{font:clamp(6px,calc(var(--page-w) * .018),10px)/1.4 Arial,sans-serif;letter-spacing:1.8px;color:#0645bf;margin:0 0 6%}
.tile-story h2{font:normal clamp(21px,calc(var(--page-w) * .074),47px)/1.08 Georgia,serif;letter-spacing:-.7px;color:#233d43;margin:0 0 7%}
.tile-story p{margin:0 0 1em}.tile-story .story-opening{font-size:1.09em}.tile-story strong{font-weight:normal;color:#0645bf}.tile-story em{color:#49685e}.tile-story .story-closing{font-style:italic;font-size:1.1em;margin:1.25em 0}
.story-next{border-top:1px solid #0645bf30;padding-top:1em;margin-top:1.2em}.story-next>span{font:clamp(6px,calc(var(--page-w) * .016),10px)/1.4 Arial,sans-serif;letter-spacing:1.5px;color:#0645bf}.story-next p{margin:.7em 0 0}

/* Keep editorial copy within the printable-looking page margins. */
.tile-story{inset:7% 10% 10%;font-size:clamp(7px,calc(var(--page-w) * .023),15px);line-height:1.42;overflow:hidden}
.tile-story h2{margin-bottom:5%;font-size:clamp(20px,calc(var(--page-w) * .066),44px)}
.tile-story .story-eyebrow{margin-bottom:4%}
.tile-story p{margin-bottom:.8em}
.tile-story .story-closing{margin:.9em 0}
.story-next{margin-top:.8em;padding-top:.8em}
.reader-profile{position:absolute;inset:6% 10% 8%;overflow:auto;scrollbar-width:thin;color:#34463f;font:clamp(9px,calc(var(--page-w)*.023),14px)/1.4 Georgia,serif}.reader-profile h2{font:normal clamp(21px,calc(var(--page-w)*.061),38px)/1.12 Georgia,serif;margin:.4em 0 .65em;overflow-wrap:anywhere}.reader-profile p{margin:0 0 .8em}.profile-eyebrow{font:8px Arial,sans-serif;letter-spacing:1.6px;color:#0645bf}.profile-privacy{color:#6c7269;font-size:.92em}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:12px 0}.profile-fields label{display:flex;flex-direction:column;gap:4px;font-size:.95em}.profile-fields input{width:100%;min-width:0;padding:6px 7px;border:1px solid #c4caba;background:#fffdf4c9;color:#263b34;font:inherit;border-radius:3px;box-sizing:border-box}.profile-fields input:focus{outline:2px solid #0645bf66;outline-offset:1px}.profile-consent{display:flex;align-items:flex-start;gap:7px;font-size:.9em}.profile-consent input{flex:none;margin:3px 0;accent-color:#0645bf}.profile-preview-note{font-size:.83em;color:#7c7668;margin-top:7px!important}.profile-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.profile-actions button{border:1px solid #aebba9;background:#fffdf5;color:#244c3d;padding:7px 9px;border-radius:3px;font:inherit;font-size:.9em;cursor:pointer}.profile-status{font-size:.8em;color:#667561;margin-top:7px!important}.profile-copyright{font-size:.75em;margin-top:10px!important;color:#8f8b7e}.profile-form{touch-action:pan-y}
.birthday-window{border:1px solid #d7e4f9;border-radius:18px;max-width:620px;width:calc(100vw - 36px);max-height:90dvh;padding:0;overflow:auto;background:radial-gradient(ellipse at top,#e4f0ff,#fffdfa 65%);color:#243851;box-shadow:0 25px 90px #001c4f45}.birthday-window::backdrop{background:#172b4e80;backdrop-filter:blur(4px)}.birthday-message{position:relative;z-index:2;text-align:center;padding:80px 48px 55px;pointer-events:none}.birthday-message h2{font:normal clamp(30px,6vw,48px)/1.15 Georgia,serif;color:#0645bf;margin:16px 0 24px;overflow-wrap:anywhere}.birthday-message p{font:16px/1.65 Georgia,serif}.birthday-message .birthday-kicker{font:10px Arial,sans-serif;letter-spacing:2px;color:#7187ab}.birthday-message button{pointer-events:auto;background:#0645bf;color:white;border:0;border-radius:24px;padding:13px 24px;font:14px Arial,sans-serif;cursor:pointer;margin-top:22px}.birthday-decor{position:absolute;inset:0;overflow:hidden;border-radius:18px;pointer-events:none}.birthday-balloon{position:absolute;width:40px;height:51px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 28% 25%,#ffffffaa,transparent 32%),var(--colour);left:calc(3% + var(--i) * 14%);bottom:-100px;box-shadow:inset -5px -5px 8px #00000012;animation:birthday-rise 9s ease-in-out infinite;animation-delay:calc(var(--i) * -1.3s);opacity:.65}.birthday-balloon:after{content:'';position:absolute;left:50%;top:100%;height:70px;width:1px;background:#8a9ca980;transform:rotate(8deg)}.birthday-spark{position:absolute;color:#c79536;font-size:15px;opacity:.5;animation:birthday-twinkle 3s ease-in-out infinite}@keyframes birthday-rise{from{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-680px) rotate(10deg)}}@keyframes birthday-twinkle{50%{opacity:.18;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.birthday-balloon{animation:none;bottom:auto;top:calc(8% + var(--i) * 11%);opacity:.3}.birthday-spark{animation:none}}@media(max-width:450px){.birthday-message{padding:55px 25px 35px}}
.share-book-entry{border:0;border-bottom:1px solid #0645bf44;padding:5px 0;background:transparent;color:#0645bf;font:italic clamp(10px,calc(var(--page-w)*.028),16px) Georgia,serif;cursor:pointer;margin-top:12px}.inside-front .pasted-endpaper>.share-book-entry{position:absolute;bottom:9%;left:12%;right:12%;margin:0}.share-window{width:calc(100vw - 36px);max-width:480px;max-height:90dvh;overflow:auto;border:1px solid #d3ddeb;border-radius:15px;padding:32px;background:#fffdf7;color:#34463f;box-shadow:0 24px 80px #00184440;font:15px/1.5 Georgia,serif}.share-window::backdrop{background:#17335466;backdrop-filter:blur(3px)}.share-window h2{font:normal 32px/1.15 Georgia,serif;margin:12px 0}.share-kicker{font:9px Arial;letter-spacing:1.6px;color:#0645bf}.share-close{position:absolute;right:12px;top:8px;font-size:27px;border:0;background:none;color:#65766e;cursor:pointer}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 15px}.share-options button,.share-back{border:1px solid #cdd8e5;border-radius:6px;background:#f4f8ff;color:#0645bf;padding:12px;font:14px Arial,sans-serif;cursor:pointer}.share-options button small{display:block;font-size:10px;color:#77838b;margin-top:4px}.share-options button:disabled{opacity:.5;cursor:default}.share-link-label{display:block;font:11px Arial;color:#6b776e}.share-link{display:block;width:100%;padding:9px;margin-top:5px;border:1px solid #d6dacf;border-radius:3px;box-sizing:border-box;color:#566858;background:white}.share-status,.share-private{font-size:12px;color:#6c776f}.share-back{display:block;margin:18px auto 0;background:#0645bf;color:white}

.notebook-story .notebook-signature{font-style:italic;font-size:.9em;color:#66776c;margin:.8em 0}.notebook-story .story-closing{color:#0645bf}
/* The folded flap can be tapped anywhere; its crease still starts a drag. */
.dog-eared>.dogear-crease{clip-path:polygon(0 0,9% 0,100% 91%,100% 100%,0 100%)}
.tile-editor,.tile-preview{position:absolute;inset:6% 8% 8%;overflow:auto;font:clamp(10px,calc(var(--page-w)*.024),15px)/1.4 Arial,sans-serif;color:#314b43;scrollbar-width:thin;touch-action:pan-y}.tile-editor h2,.tile-preview h2{font:normal clamp(22px,calc(var(--page-w)*.055),34px) Georgia,serif;margin:.45em 0}.editor-kicker{font-size:.7em;letter-spacing:1.2px;color:#0645bf}.tile-editor label{display:block;font-size:.85em;margin:7px 0}.tile-editor input:not([type=file]),.tile-editor textarea,.tile-editor select{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid #c5cfbd;border-radius:3px;background:#fffdf6;padding:6px;color:#243c34;font:inherit}.tile-editor button,.tile-preview>button,.import-label,.image-upload{border:1px solid #bdcdbb;border-radius:4px;background:#fffdf3;color:#0645bf;padding:6px 8px;font:inherit;font-size:.85em;cursor:pointer}.tile-editor button:disabled{opacity:.4;cursor:default}.version-actions,.editor-row,.editor-transfer{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.editor-row label{flex:1;min-width:50px}.layer-list{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}.layer-list [aria-pressed=true]{outline:2px solid #0645bf}.image-upload input,.import-label input{display:block;width:100%;font-size:10px;margin-top:5px}.editor-tip{font-size:.76em;color:#7e8275}.tile-save-status{font-size:.8em;color:#557143;overflow-wrap:anywhere}.tile-preview{text-align:center}.tile-surface{position:relative;width:100%;aspect-ratio:1;margin:20px auto;touch-action:none;user-select:none;-webkit-user-select:none}.tile-template{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tile-print{position:absolute;inset:9%;overflow:hidden;container-type:inline-size}.tile-layer{position:absolute;cursor:move;user-select:none;touch-action:none}.tile-layer.image{height:auto;max-width:none}.tile-layer.text{white-space:pre;text-align:center;line-height:1.15}.tile-safe-guide{position:absolute;inset:9%;border:1px dashed #0645bf66;pointer-events:none}.tile-selection{position:absolute;border:1px solid #315ce1;pointer-events:none}.tile-resize{position:absolute;right:-7px;bottom:-7px;width:15px;height:15px;background:white;border:2px solid #315ce1;border-radius:3px;pointer-events:auto;cursor:nwse-resize;touch-action:none}.editor-transfer{border-top:1px solid #aebba966;padding-top:8px}.editor-personal{font-family:Georgia,serif;font-style:italic}.draft-page>.folio{z-index:0}.tile-editor [hidden],.tile-preview [hidden]{display:none}

.profile-language{grid-column:1/-1}.profile-fields select{width:100%;padding:8px;border:1px solid #c4caba;border-radius:4px;background:#fffdf4;color:#263b34;font:inherit}.profile-shipping a{color:#0645bf}.profile-language-status{font-size:.83em;color:#68756b}

.opening-guide{position:absolute;inset:13% 12% 24%;overflow:auto;font:clamp(10px,calc(var(--page-w)*.028),17px)/1.55 Georgia,serif;color:#34463f}.opening-guide h2{font:normal clamp(23px,calc(var(--page-w)*.057),36px)/1.2 Georgia,serif;color:#0645bf;margin:.7em 0}.opening-guide p{margin:0 0 1em}

.book-transfer{border-top:1px solid #cad5c8;margin-top:22px;padding-top:12px}.book-transfer h3{font:normal 22px Georgia,serif;margin:16px 0 8px}.book-transfer p{font-size:13px}.transfer-actions{display:flex;flex-wrap:wrap;gap:8px}.book-transfer button,.transfer-actions label{border:1px solid #c6d2e2;border-radius:6px;background:#f2f7ff;color:#0645bf;padding:10px;font:13px Arial,sans-serif;cursor:pointer}.transfer-actions input{display:block;font-size:11px;margin-top:8px;max-width:100%}.book-transfer-status{color:#466047}.share-window{scrollbar-width:thin}

.preview-share-label{display:block;font:13px Arial,sans-serif;margin:12px 0}.preview-share-label select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #c6d2e2;border-radius:5px;background:white;color:#314b43}

.gallery-intro{position:absolute;inset:13% 12%;font:clamp(12px,calc(var(--page-w)*.029),18px)/1.55 Georgia,serif;color:#34463f;overflow:auto}.gallery-intro h2{font:normal clamp(30px,calc(var(--page-w)*.085),52px) Georgia,serif;color:#0645bf}.gallery-intro button,.gallery-actions button,.design-order-review button{border:1px solid #b9cbdc;background:#f3f7ff;color:#0645bf;border-radius:5px;padding:10px;font:inherit;cursor:pointer}.gallery-actions{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}.gallery-actions button{font-size:.85em}.gallery-actions button:first-child{background:#0645bf;color:white;border-color:#0645bf}.gallery-preview .tile-layer{cursor:inherit}.gallery-preview .tile-safe-guide,.gallery-preview .tile-selection{display:none!important}.gallery-preview h2{overflow-wrap:anywhere}.design-order-review{max-width:470px;width:calc(100vw - 50px);max-height:85dvh;overflow:auto;border:1px solid #cbd5df;border-radius:14px;background:#fffdf7;color:#34463f;padding:25px;font:15px/1.5 Georgia,serif}.design-order-review::backdrop{background:#17335466}.order-picture{width:min(300px,100%);margin:auto}.order-picture .tile-surface{pointer-events:none}

.tile-surface{--print-x:9%;--print-y:9%;overflow:hidden}.tile-print,.tile-safe-guide{inset:var(--print-y) var(--print-x)}.round-product{border-radius:50%}.round-product .tile-print,.round-product .tile-safe-guide{border-radius:50%}.material-cork{background:radial-gradient(circle at 15% 20%,#936b3970 0 1px,transparent 2px),radial-gradient(circle at 70% 80%,#eddbac88 0 2px,transparent 3px),#b79562;background-size:13px 17px,19px 13px;box-shadow:inset 0 0 9px #62401666}.material-canvas{background:repeating-linear-gradient(0deg,#fffdf7 0 2px,#eae7df 2px 3px);box-shadow:inset 0 0 5px #6666}.notebook-fixed-band{position:absolute;pointer-events:none;clip-path:polygon(64% 5%,67.3% 5%,67.3% 77%,64% 77%);z-index:2}.tile-selection{z-index:4}.product-copy{padding:8px 0;border-bottom:1px solid #bac8b944}.gallery-preview .tile-surface{cursor:grab}

.catalog-options{padding:8px 0;border-block:1px solid #b7c4ba55;margin:10px 0}.draft-price{font-weight:bold;color:#0645bf}.notebook-colour-swatch{display:inline-block;width:15px;height:15px;border:1px solid #99a3ac;border-radius:50%;vertical-align:middle;margin-right:6px}.set-miniatures{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:15px 0}.set-miniatures .tile-surface{width:15%;margin:0;pointer-events:none}.set-miniatures .tile-safe-guide,.set-miniatures .tile-selection{display:none}.catalog-example-dialog{padding:25px;border:1px solid #cbd5df;border-radius:12px;max-width:85vw;max-height:85dvh;background:#fffdf7}.catalog-example-dialog img{display:block;max-width:75vw;max-height:75dvh;object-fit:contain}.catalog-example-dialog button{position:absolute;right:4px;top:2px;border:0;background:white;font-size:24px;cursor:pointer}

.band-hover .tile-layer{cursor:ew-resize!important}.notebook-clean-cover{border-radius:2px}

.elastic-hint{font:italic .82em/1.5 Georgia,serif;color:#486752;background:#eaf1e655;border-radius:6px;padding:9px 12px;margin:10px 0}.gallery-preview .elastic-hint{display:none}

.partner-book-copy{position:absolute;inset:6% 9% 7%;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;color:#34463f;font:clamp(10px,calc(var(--page-w)*.027),17px)/1.45 Georgia,serif}.partner-book-copy h2{font-weight:400;font-size:2em;line-height:1.12;margin:.5em 0}.partner-book-copy h3{font-size:1.05em;color:#0645bf;margin:1em 0 .3em}.partner-book-copy p{margin:.65em 0}.partner-book-links{display:flex;gap:.5em;flex-wrap:wrap;margin:1em 0}.partner-book-links a{display:block;padding:.55em .7em;border:1px solid #b9cbdc;border-radius:5px;background:#f3f7ff;color:#0645bf;text-decoration:none;font: .9em/1.3 Arial,sans-serif}.partner-book-links a:hover{background:#e1ebff}.partner-book-links a:focus-visible{outline:2px solid #0645bf;outline-offset:2px}.partner-book-small{font-size:.85em;color:#61736c}

/* Page 01: compact, proportional form with every field on the same leaf. */
.reader-profile{inset:4% 7% 5%;font:clamp(9px,calc(var(--page-w)*.024),14px)/1.24 Georgia,serif;overflow:auto;display:flex;flex-direction:column;gap:calc(var(--book-h)*.006)}
.reader-profile h2{font-size:clamp(17px,calc(var(--page-w)*.052),32px);line-height:1.06;margin:0;max-height:2.2em;overflow:auto}
.reader-profile p{margin:0}.reader-profile .profile-eyebrow{font-size:clamp(6px,calc(var(--page-w)*.018),10px);letter-spacing:1px}
.profile-form{display:flex;flex-direction:column;gap:calc(var(--book-h)*.006);margin:0}
.profile-fields{gap:calc(var(--book-h)*.006) 10px;margin:calc(var(--book-h)*.004) 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.profile-fields label{gap:2px;font-size:1em;min-width:0}
.profile-fields input,.profile-fields select{box-sizing:border-box;min-width:0;width:100%;height:clamp(22px,calc(var(--book-h)*.049),34px);padding:2px 5px;font-size:1em;line-height:1.1}
.profile-fields input[type=date]{appearance:none;-webkit-appearance:none;display:block}
.profile-fields input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1em}
.profile-consent{font-size:.9em;gap:6px;line-height:1.2}.profile-consent input{margin:1px 0}
.reader-profile .profile-preview-note,.reader-profile .profile-status,.reader-profile .profile-copyright{margin:0!important}
.profile-actions{margin:0;gap:6px}.profile-actions button{padding:4px 7px;min-height:24px}
.profile-language-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.reader-profile .profile-copyright{margin-top:auto!important;padding-top:2px}

.image-upload,.import-label,.transfer-actions label{position:relative;cursor:pointer}.image-upload input[type=file],.import-label input[type=file],.transfer-actions input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.image-upload:focus-within,.import-label:focus-within,.transfer-actions label:focus-within{outline:2px solid #0645bf;outline-offset:3px}