.character{position:relative;display:grid;grid-template-columns:minmax(320px,.84fr) 1.16fr;gap:8vw;align-items:center;padding:120px max(7vw,calc((100vw - 1360px)/2));overflow:hidden;background:linear-gradient(100deg,rgba(17,36,49,.98),rgba(28,52,65,.92)),url('/assets/story-texture.webp') center/cover;color:#f6efe1}
.character:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,#a0523438,transparent 28%),radial-gradient(circle at 84% 70%,#32788b30,transparent 34%);pointer-events:none}
.character>*{position:relative}.character-portrait{margin:0}.character-portrait img{width:100%;max-height:780px;object-fit:cover;object-position:center 22%;border:1px solid #d1b27b80;box-shadow:0 35px 80px #0009}
.character-portrait figcaption,.author-art figcaption{margin-top:15px;color:#cbb58e;font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em}
.character h2,.share h2{margin:.15em 0 .32em;color:var(--ink);font-size:clamp(42px,5.4vw,78px);font-weight:400;line-height:.95;letter-spacing:-.05em}
.character .eyebrow{color:#d2b77f}.character h2{color:#fff6e7}.character-copy{max-width:720px}.character-copy>p:not(.eyebrow){font-size:19px;color:#e8dfd1}.character-lead{font-size:clamp(22px,2.2vw,31px)!important;line-height:1.45!important;color:white!important}
.character-copy blockquote{margin:34px 0;padding:4px 0 4px 25px;border-left:3px solid #c89355;color:#f7e7cc;font-size:21px;font-style:italic}.character .button.secondary{background:#bc713d}.character .button.secondary:hover,.character .button.secondary:focus{background:#d09158}
.author-art{margin:0;aspect-ratio:auto;display:block;background:none;border-radius:0;position:relative}.author-art:before{content:"";position:absolute;inset:-7% -10% 3% 8%;z-index:0;border-radius:47% 53% 46% 54%;background:linear-gradient(145deg,#a8d4e5,#e5d4a7);transform:rotate(-3deg)}
.author-art img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:48% 52% 45% 55%;box-shadow:0 25px 70px #536b6745}.author-art figcaption{position:relative;z-index:1;text-align:center;color:#6d583b}
.share{padding:110px max(7vw,calc((100vw - 1300px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;background:linear-gradient(130deg,#ead9b2,#bddfea 58%,#91c3d3)}.share>div:first-child p:last-child{max-width:620px;font-size:19px}.share-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.share-actions a,.share-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 17px;border:1px solid #664c33;background:#fffaf0;color:var(--ink);font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;cursor:pointer}.share-actions .share-native{background:var(--ink);color:white}.share-actions a:hover,.share-actions a:focus,.share-actions button:hover,.share-actions button:focus{background:#36778f;color:white;outline:3px solid white;outline-offset:2px}.share-status{flex-basis:100%;min-height:1.5em;color:#4e3825;font:700 12px Arial,sans-serif}
@media(max-width:900px){.character,.share{grid-template-columns:1fr}.character-portrait{max-width:520px;margin:auto}.author-art{display:block;max-width:430px;width:100%;margin:auto}}
@media(max-width:560px){.character,.share{padding-left:6vw;padding-right:6vw}.character-copy>p:not(.eyebrow){font-size:17px}.share-actions a,.share-actions button{flex:1 1 45%}}

/* Cover-corrected release treatment */
.brand-mark{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 8px #4e38252b);transition:transform .45s ease}.brand:hover .brand-mark,.brand:focus .brand-mark{transform:translateY(-2px) rotate(-2deg) scale(1.04)}
.cover-wrap{perspective:1600px}.book-flip{display:block;width:min(410px,100%);aspect-ratio:938/1500;margin:auto;padding:0;border:0;background:transparent;cursor:pointer;perspective:1600px}.book-flip:focus-visible{outline:4px solid #885a2b;outline-offset:12px}.book-flip-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.book-flip.is-flipped .book-flip-inner{transform:rotateY(180deg)}.book-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 25px 65px #37526055,0 0 0 10px #ffffff73}.book-face img{width:100%;height:100%;object-fit:cover;transform:none;box-shadow:none;margin:0}.book-back{transform:rotateY(180deg)}.cover-wrap figcaption{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.flip-state{color:#7b4c26;font-weight:700}
.series{grid-template-columns:.82fr 1.18fr;background:linear-gradient(145deg,#cce7f0 0 54%,#f0e1b9 54% 100%)}.series-art{margin:38px 0 0;position:relative;max-width:360px}.series-art:before{content:"";position:absolute;inset:-16px 14px 14px -16px;border:1px solid #77573866;transform:rotate(-2deg)}.series-art img{position:relative;width:100%;box-shadow:0 25px 55px #38515b40;transform:rotate(1.2deg)}.series-art figcaption{margin-top:16px;font:700 9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#5b6d70}.series-books article:nth-child(2){transform:translateX(28px)}.series-books article:nth-child(3){transform:translateX(56px)}
.share{position:relative;overflow:hidden;background:linear-gradient(115deg,#132b38 0 44%,#254d5f 44% 100%);color:#f8f0df}.share h2{color:#fff8e9}.share .eyebrow{color:#dbb878}.share>div:first-of-type p:last-child{color:#dbe8e8}.share-door{position:absolute;left:47%;bottom:-45%;width:min(430px,34vw);opacity:.12;transform:translateX(-50%) rotate(-8deg);pointer-events:none}.share-door img{width:100%}.share-actions a,.share-actions button{border-color:#d2b77f;background:#fff9ed}.share-status{color:#f7e9cd}
.closing{min-height:650px;grid-template-columns:.65fr 1.35fr;background:linear-gradient(115deg,#e8d5a7,#fdf8eb 58%,#b8ddea);position:relative;overflow:hidden}.closing:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,#fff 0 4%,transparent 35%);pointer-events:none}.closing-art{position:relative;justify-self:center;width:min(270px,75vw);transform:rotate(-5deg)}.closing-art:before{content:"";position:absolute;inset:14px -18px -18px 14px;background:#5c91a4;opacity:.35}.closing-art img{position:relative;box-shadow:0 28px 65px #55432e55}.closing-copy{position:relative;max-width:720px}.closing-copy p:not(.eyebrow){font-size:21px}.closing h2{font-size:clamp(52px,7vw,100px)}
.reveal{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.from-left{transform:translateX(-46px)}.reveal.from-right{transform:translateX(46px)}.reveal.is-visible{opacity:1;transform:none}.series-books .reveal:nth-child(2){transition-delay:.1s}.series-books .reveal:nth-child(3){transition-delay:.2s}
@media(max-width:900px){.brand-mark{width:46px;height:46px}.series{grid-template-columns:1fr}.series-art{max-width:300px}.series-books article:nth-child(2),.series-books article:nth-child(3){transform:none}.share-door{left:82%;bottom:-10%;width:55vw}.closing{grid-template-columns:1fr;text-align:center}.closing-art{width:min(230px,60vw)}.closing-copy{margin:auto}}
@media(max-width:560px){.brand-mark{width:40px;height:40px}.book-flip{width:min(330px,86vw)}.cover-wrap figcaption{display:grid;gap:4px}.series-art{max-width:250px}.share{padding-top:90px;padding-bottom:90px}.share-door{display:none}.closing{padding-top:90px;padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.book-flip-inner,.brand-mark,.reveal{transition:none!important}.reveal{opacity:1;transform:none}.book-flip.is-flipped .book-flip-inner{transform:rotateY(180deg)}}

/* Reader, shoreline and final-polish pass */
.site-header .brand-mark{width:82px;height:82px}.site-header .brand-wordmark{width:min(430px,32vw);max-height:70px}.site-header{min-height:112px}.site-header .brand small{font-size:10px}
footer .brand-mark{width:74px;height:74px}footer .brand-wordmark{width:min(360px,36vw);max-height:58px}
.hero:before{display:none}.invitation{padding:0;background:#523820}.invitation-copy{padding:90px 10vw 72px;text-align:center}.shore-transition{height:clamp(270px,35vw,520px);margin:0;background:url('/assets/shore-transition-v2.webp') center top/cover no-repeat}
.series{background:linear-gradient(180deg,#d8eef5,#edf6f6 50%,#f5ead1)}.series-books{grid-template-columns:1fr;align-content:center;gap:18px}.series-books article,.series-books .active{min-height:0;padding:28px 34px;display:grid;grid-template-columns:minmax(150px,.38fr) 1fr;column-gap:28px;align-items:center;background:rgba(255,253,247,.8);color:var(--ink);border:1px solid #8aafba;box-shadow:0 15px 40px #41677518;overflow:hidden;transform:none!important}.series-title{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #9bbbc3;padding-right:24px}.series-title strong{font:400 clamp(2.5rem,4.4vw,5rem)/.9 Georgia,serif;color:#51351f;white-space:nowrap}.series-title span{display:block;margin-top:12px;color:#547681;font:700 9px/1.35 Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em}.series-books article p{margin:0;font-size:16px}.series-books article a{grid-column:2;margin-top:10px}.series-art{max-width:310px}
.proclamation{position:relative;background:linear-gradient(rgba(255,250,231,.78),rgba(249,240,205,.88)),url('/assets/story-texture.webp') center/cover;color:#352419;text-shadow:0 1px 0 #fff,0 2px 7px #fff}.proclamation>div{padding:clamp(30px,5vw,70px);background:rgba(255,253,239,.5);border:1px solid rgba(86,55,27,.3);box-shadow:0 22px 60px #6a442d22}.proclamation p{font-size:18px;font-weight:600}.proclamation blockquote{color:#2c1b12;font-weight:600;text-shadow:0 2px 2px #fff,0 0 12px #fff}
.contact{background:linear-gradient(90deg,rgba(255,251,229,.95),rgba(246,237,199,.92)),repeating-linear-gradient(0deg,transparent 0 34px,#88aecb55 35px 36px);position:relative}.contact:before{content:"";position:absolute;left:5.5vw;top:0;bottom:0;width:2px;background:#c9747466}.contact-form{position:relative;background:rgba(255,253,235,.75);border:0;border-radius:4px;box-shadow:0 24px 60px #6c513530,0 0 0 1px #a8875b55;transform:rotate(.35deg)}.contact-form:before{content:"A note for Sheri Jo";grid-column:1/-1;color:#6d4d31;font:italic 1.45rem Georgia,serif;text-transform:none;letter-spacing:0}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid #7ba4c666;background:transparent;padding:11px 5px}.contact-form textarea{line-height:36px;background:repeating-linear-gradient(0deg,transparent 0 34px,#88aecb55 35px 36px);resize:vertical}
.sample-dialog{width:min(1380px,98vw);height:min(96vh,1050px);overflow:auto;background:radial-gradient(circle at 50% 20%,#58402b,#241b16 74%);color:#f8eedb}.sample-toolbar{background:#fdf9ed;color:var(--ink)}.reader-shell{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;gap:20px;padding:clamp(25px,4vw,55px)}.reader-book{position:relative;width:min(1080px,100%);aspect-ratio:1.31;margin:auto;display:grid;place-items:center;perspective:1800px;filter:drop-shadow(0 35px 35px #0008)}.reader-book:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e6ddc7 0 2%,#fffdf4 3% 48%,#c9bea7 49.5%,#fffdf4 51%,#fffdf4 97%,#ddd1b9 98%);clip-path:polygon(2% 2%,49% 0,50% 2%,51% 0,98% 2%,100% 98%,51% 100%,50% 98%,49% 100%,0 98%);box-shadow:inset 0 0 30px #71573545}.reader-leaf{position:relative;width:94%;height:91%;display:grid;place-items:center;transform-origin:left center;transform-style:preserve-3d}.reader-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:none;background:#fff}.reader-leaf.turning-next{animation:pageTurnNext .62s cubic-bezier(.45,.05,.2,1)}.reader-leaf.turning-prev{animation:pageTurnPrev .62s cubic-bezier(.45,.05,.2,1)}.page-curl{position:absolute;right:0;top:0;width:16%;height:100%;background:linear-gradient(90deg,transparent,#fff8e7aa);opacity:.22;pointer-events:none}.page-turn{width:58px;height:58px;border:1px solid #e4cf9d;border-radius:50%;background:#f8edd6;color:#4d321f;font-size:25px;cursor:pointer}.page-turn:hover,.page-turn:focus{background:#b98249;color:white;outline:3px solid white}.page-turn:disabled{opacity:.25;cursor:not-allowed}.reader-progress,.sample-footer{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:#e8d5af;font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em}.reader-finale{margin:0 auto 30px;width:min(850px,90%);padding:34px;text-align:center;background:#fff9e9;color:var(--ink);box-shadow:0 18px 50px #0005}.reader-finale h3{font-size:clamp(2rem,4vw,4rem);margin:.1em 0 .4em}.reader-finale>div{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.reader-share{background:#487f94}.sample-footer{justify-content:space-between;padding-top:26px}
@keyframes pageTurnNext{0%{transform:rotateY(0);filter:brightness(1)}48%{transform:rotateY(-85deg) skewY(-2deg);filter:brightness(.74)}51%{opacity:.2}52%{transform:rotateY(85deg);opacity:.2}100%{transform:rotateY(0);opacity:1;filter:brightness(1)}}@keyframes pageTurnPrev{0%{transform:rotateY(0)}48%{transform:rotateY(85deg);filter:brightness(.74)}51%{opacity:.2}52%{transform:rotateY(-85deg);opacity:.2}100%{transform:rotateY(0);opacity:1}}
@media(max-width:1050px){.site-header .brand-mark{width:62px;height:62px}.site-header .brand-wordmark{width:270px}.site-header{min-height:90px}.series-books article,.series-books .active{grid-template-columns:1fr}.series-title{border-right:0;border-bottom:1px solid #9bbbc3;padding:0 0 17px;margin-bottom:5px}.series-books article a{grid-column:1}.reader-shell{grid-template-columns:54px minmax(0,1fr) 54px;gap:8px}}
@media(max-width:600px){.site-header .brand-mark{width:50px;height:50px}.site-header .brand-wordmark{width:190px}.shore-transition{height:250px}.reader-shell{grid-template-columns:1fr;padding:18px}.page-turn{position:absolute;z-index:4;bottom:92px}.page-turn.prev{left:20px}.page-turn.next{right:20px}.reader-book{aspect-ratio:.82}.reader-book:before{clip-path:polygon(3% 1%,97% 1%,100% 99%,0 99%);background:#fffdf4}.reader-progress{padding:0 65px}.contact:before{left:3vw}footer .brand-wordmark{width:220px}}
@media(prefers-reduced-motion:reduce){.reader-leaf.turning-next,.reader-leaf.turning-prev{animation:none}}

/* 2026-08-12 reader and release refinement */
.site-header{min-height:86px;padding-top:8px;padding-bottom:8px}.site-header .brand{align-items:center}.site-header .brand>span,footer .brand>span{display:flex;flex-direction:column;justify-content:center;gap:0}.site-header .brand-wordmark{display:block;width:min(430px,32vw);max-height:58px;object-fit:contain;object-position:left bottom}.site-header .brand small,footer .brand small{display:block;margin-top:-7px;line-height:1;letter-spacing:.13em}.site-header .brand-mark{width:70px;height:70px}.control-link{display:none!important}
.hero{padding-top:clamp(42px,5vw,72px);padding-bottom:clamp(50px,6vw,90px);min-height:auto}.cover-wrap{margin-top:-18px}.book-face img{filter:saturate(1.16) contrast(1.08) brightness(1.02)}
.invitation{background:#523820}.shore-transition{height:clamp(230px,30vw,430px);background-image:url('/assets/shore-transition-v3.webp');background-position:center;background-size:cover}.invitation-copy{padding:clamp(48px,6vw,78px) 10vw}.invitation-copy blockquote{font-size:clamp(27px,3.3vw,48px)}
.series{grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:clamp(38px,6vw,86px)}.series-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.series-books article,.series-books .active{display:flex;flex-direction:column;min-width:0;padding:0;background:#fffdf7;color:var(--ink);border:1px solid #9ebac1;box-shadow:0 16px 38px #41677520;overflow:hidden}.series-cover{position:relative;margin:0;aspect-ratio:2/3;background:#dbe8e8;overflow:hidden}.series-cover>img{width:100%;height:100%;object-fit:cover;filter:saturate(1.09) contrast(1.04)}.series-cover figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 13px;background:linear-gradient(transparent,rgba(23,33,34,.9));color:white;text-align:center}.series-cover figcaption strong{display:block;font:600 clamp(1.45rem,2.3vw,2.45rem)/.9 Georgia,serif;letter-spacing:.06em;white-space:normal}.series-cover figcaption span{display:block;margin-top:5px;color:#f5e4ba;font:700 8px/1.25 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:normal}.series-card-copy{display:flex;flex:1;flex-direction:column;padding:18px}.series-card-copy>span{font:700 8px/1.35 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#56747c}.series-card-copy p{margin:12px 0 16px;font-size:14px;line-height:1.55}.series-card-copy a{margin-top:auto;font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}.series-art{max-width:280px}
.contact-form label{align-content:start;line-height:1.15}.contact-form input,.contact-form textarea{display:block;margin-top:2px;line-height:1.5}.contact-form:before{line-height:1.15}.contact-hp{position:absolute!important}
footer{min-height:0;padding:14px 5vw;gap:20px}footer .brand-mark{width:46px;height:46px}footer .brand-wordmark{width:min(270px,30vw);max-height:40px}footer .brand small{margin-top:-4px;font-size:8px}
.sample-dialog{width:min(1420px,98vw);height:min(97vh,1060px);overflow:auto}.reader-shell{grid-template-columns:64px minmax(0,1fr) 64px;padding:clamp(18px,3vw,40px)}.reader-book{width:min(1030px,100%);aspect-ratio:1.38;cursor:pointer;perspective:2200px;filter:drop-shadow(0 35px 28px #0009)}.reader-closed,.reader-back{position:absolute;inset:4% 28%;display:grid;place-items:center;transform-origin:left center;transform-style:preserve-3d}.reader-closed img,.reader-back>img{width:100%;height:100%;object-fit:cover;filter:saturate(1.14) contrast(1.06)}.reader-closed span{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);white-space:nowrap;padding:9px 13px;background:#fff8e8e8;color:#4b321f;font:700 9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.reader-spread{position:absolute;inset:3% 2%;display:grid;grid-template-columns:1fr 1fr;background:#fdfaf0;box-shadow:inset 0 0 34px #7f684640}.reader-page{position:relative;min-width:0;overflow:hidden;background:#fff}.reader-page:first-child{box-shadow:inset -18px 0 22px -18px #59452e88}.reader-page:last-child{box-shadow:inset 18px 0 22px -18px #59452e88}.reader-page img{width:100%;height:100%;object-fit:contain;background:#fff;filter:contrast(1.04)}.reader-spread:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:4%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#5c493229,transparent);pointer-events:none}.reader-back{grid-template-columns:1fr;inset:4% 28%;background:#fff8e9}.reader-back>div{position:absolute;left:105%;top:50%;width:min(320px,38vw);transform:translateY(-50%);padding:24px;background:#fff9ec;color:var(--ink);box-shadow:0 18px 45px #0005;text-align:center}.reader-back .button{margin:6px}.reader-book.turning-next .reader-right{animation:realPageNext .8s cubic-bezier(.58,.02,.28,.98);transform-origin:left center;transform-style:preserve-3d;z-index:4}.reader-book.turning-prev .reader-left{animation:realPagePrev .8s cubic-bezier(.58,.02,.28,.98);transform-origin:right center;transform-style:preserve-3d;z-index:4}.reader-book.is-closed.turning-next .reader-closed{animation:openCover .8s cubic-bezier(.58,.02,.28,.98)}.reader-book.is-finished.turning-next .reader-spread{animation:closeBook .8s cubic-bezier(.58,.02,.28,.98)}.page-curl{width:22%;opacity:.33}.reader-progress{padding-top:2px}.reader-finale{display:none}
@keyframes realPageNext{0%{transform:rotateY(0);box-shadow:none}50%{transform:rotateY(-92deg);box-shadow:-20px 8px 25px #0005}100%{transform:rotateY(-180deg);box-shadow:-35px 12px 30px #0002}}@keyframes realPagePrev{0%{transform:rotateY(0)}50%{transform:rotateY(92deg);box-shadow:20px 8px 25px #0005}100%{transform:rotateY(180deg)}}@keyframes openCover{0%{transform:rotateY(0)}100%{transform:rotateY(-175deg)}}@keyframes closeBook{0%{transform:scale(1)}100%{transform:scaleX(.52)}}
@media(max-width:1100px){.series{grid-template-columns:1fr}.series-intro{display:grid;grid-template-columns:1fr minmax(180px,280px);gap:30px}.series-intro .series-art{grid-column:2;grid-row:1/5}.series-books{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-back>div{left:98%;width:240px}}
@media(max-width:760px){.site-header .brand-wordmark{width:210px}.site-header .brand small{margin-top:-4px}.hero{padding-top:35px}.cover-wrap{margin-top:0}.series-intro{display:block}.series-books{grid-template-columns:1fr;max-width:390px;margin:auto}.series-cover{aspect-ratio:3/4}.reader-book{aspect-ratio:.82}.reader-closed,.reader-back{inset:2% 10%}.reader-spread{inset:2%;grid-template-columns:1fr}.reader-left{display:none}.reader-back>div{left:5%;right:5%;top:auto;bottom:3%;width:auto;transform:none}.shore-transition{height:210px}footer{flex-wrap:wrap}footer .brand-wordmark{width:190px}}
@media(prefers-reduced-motion:reduce){.reader-book.turning-next .reader-right,.reader-book.turning-prev .reader-left,.reader-book.is-closed.turning-next .reader-closed,.reader-book.is-finished.turning-next .reader-spread{animation:none}}

/* StPageFlip first-chapter reader */
.hero-actions,.story-actions{align-items:stretch}
.hero-actions>.button,.story-actions>.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;box-sizing:border-box;margin:0}
.sample-dialog{width:min(1480px,98vw);height:min(98vh,1120px);max-width:none;max-height:none;padding:0;overflow:auto;background:radial-gradient(circle at 50% 15%,#5d4734,#211914 72%);color:#f8eedb}
.sample-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px clamp(22px,4vw,56px);background:#fdf9ed;color:var(--ink);box-shadow:0 2px 18px #0002}
.sample-toolbar h2{margin:.08em 0;font-size:clamp(1.8rem,3.5vw,3.5rem);line-height:1}.sample-toolbar p{margin:.35em 0 0;color:#705f4b}.sample-close{flex:0 0 auto}
.chapter-reader{display:grid;justify-items:center;gap:20px;padding:clamp(20px,3vw,42px)}
.chapter-book{width:min(1280px,calc(100vw - 180px));height:min(76vh,1024px);margin:auto;filter:drop-shadow(0 28px 30px #0009)}
.chapter-book canvas{border-radius:2px}
.reader-controls{display:grid;grid-template-columns:58px minmax(220px,1fr) 58px;align-items:center;gap:18px;width:min(780px,94%)}
.reader-controls .page-turn{position:static;width:54px;height:54px;margin:0}.reader-progress{display:flex;justify-content:center;gap:10px 22px;min-width:0;padding:0;text-align:center}.reader-progress span{display:block}
.reader-ending{width:min(780px,94%);padding:22px 28px;background:#fff8e9;color:var(--ink);text-align:center;box-shadow:0 14px 35px #0005}.reader-ending p{margin:0 0 14px;font:400 clamp(1.25rem,2.3vw,2rem) Georgia,serif}.reader-ending .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:5px}
.sample-footer{padding:0 clamp(22px,4vw,56px) 24px}
@media(max-width:760px){.hero-actions,.story-actions{display:grid;grid-template-columns:1fr}.hero-actions>.button,.story-actions>.button,.hero-actions>.text-link{width:100%}.chapter-book{width:calc(100vw - 34px);height:min(72vh,850px)}.chapter-reader{padding:14px 8px 24px}.reader-controls{grid-template-columns:48px 1fr 48px;gap:8px}.reader-controls .page-turn{width:46px;height:46px}.sample-toolbar{align-items:flex-start}.sample-toolbar h2{font-size:1.8rem}.sample-toolbar>div>p:last-child{font-size:.85rem}.sample-footer{display:block;text-align:center}}

/* 2026-08-13 reader scale, identity spacing and shoreline integration */
.site-header .brand-wordmark{width:min(750px,46vw);max-height:92px}.site-header .brand small{margin-top:-18px}.site-header .brand-mark{width:86px;height:86px}.site-header{min-height:106px}
footer .brand-wordmark{width:min(470px,34vw);max-height:66px}footer .brand small{margin-top:-12px}
.invitation{margin-top:-1px;background:transparent}.shore-transition{position:relative;height:clamp(360px,39vw,610px);background-position:center;background-size:cover;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 100%)}
.invitation-copy{position:absolute;z-index:2;left:50%;bottom:clamp(36px,5vw,76px);width:min(1100px,88vw);padding:0;transform:translateX(-50%);text-align:center;color:#fff}.invitation-copy blockquote{margin:0;color:#fff;font-size:clamp(25px,3.2vw,48px);line-height:1.12;text-shadow:-1px -1px 0 #17100c,1px -1px 0 #17100c,-1px 1px 0 #17100c,1px 1px 0 #17100c,0 4px 12px #000,0 1px 2px #000}.invitation-copy p{margin:16px 0 0;color:#fff;font-weight:700;text-shadow:-1px -1px 0 #17100c,1px -1px 0 #17100c,-1px 1px 0 #17100c,1px 1px 0 #17100c,0 3px 9px #000}
.hero-actions .button{white-space:normal;line-height:1.25;text-align:center}.hero-actions .button em{margin:0 .28em}.hero-actions .primary{min-width:220px}
.sample-dialog{width:min(1160px,98vw);overflow:hidden;display:none;grid-template-rows:auto minmax(0,1fr) auto}.sample-dialog[open]{display:grid}.sample-toolbar{position:relative}.chapter-reader{min-height:0;overflow:hidden;align-content:center;padding:clamp(10px,1.6vw,22px)}
.chapter-book{width:auto;height:auto;max-width:none;max-height:none;margin:auto;transition:transform .35s ease;filter:drop-shadow(0 24px 28px #0009)}.chapter-book .stf__wrapper{position:relative;width:100%;height:100%;transition:transform .45s ease}.chapter-book canvas{display:block;width:100%!important;height:100%!important}.chapter-book.is-front-cover .stf__wrapper{transform:translateX(-25%)}.chapter-book.is-back-cover .stf__wrapper{transform:translateX(25%)}.reader-controls{margin-top:2px}.sample-footer{padding:0 clamp(22px,4vw,56px) 12px}
@media(max-width:1050px){.site-header .brand-wordmark{width:min(560px,48vw);max-height:76px}.site-header .brand small{margin-top:-14px}.site-header .brand-mark{width:72px;height:72px}}
@media(max-width:760px){.site-header .brand-wordmark{width:300px;max-width:61vw}.site-header .brand small{margin-top:-8px}.site-header .brand-mark{width:58px;height:58px}.site-header{min-height:82px}.shore-transition{height:340px}.invitation-copy{bottom:34px}.sample-dialog{width:100vw;height:100vh;max-height:none}.sample-toolbar{padding:12px 16px}.sample-toolbar>div>p:last-child{display:none}.chapter-reader{padding:8px 4px}.chapter-book{max-width:calc(100vw - 8px);max-height:calc(100vh - 220px)}footer .brand-wordmark{width:270px;max-width:58vw}}

/* 2026-08-13 closed/open/closed reader and seamless shoreline */
.site-header{min-height:94px}.site-header .brand{align-items:center}.site-header .brand>span{align-self:center;justify-content:center}.site-header .brand-wordmark{object-position:left center}.site-header .brand small{margin-top:5px;margin-left:0;line-height:1;text-align:left}
.hero{padding-bottom:24px}.invitation{position:relative;margin-top:-2px;background:linear-gradient(to bottom,transparent,#523820 94%)}.shore-transition{height:clamp(270px,27vw,410px);margin-top:-42px;background-position:center top;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.2) 8%,#000 25%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.2) 8%,#000 25%,#000 100%)}.invitation-copy{bottom:clamp(22px,3.5vw,48px)}.invitation-copy blockquote{font-size:clamp(23px,2.8vw,42px)}.invitation-copy p{margin-top:10px}
.sample-dialog{width:min(1500px,99vw);height:min(98vh,1080px);grid-template-rows:auto minmax(0,1fr) auto}.sample-toolbar{padding:10px clamp(18px,3vw,38px)}.sample-toolbar h2{font-size:clamp(1.65rem,2.5vw,2.55rem)}.sample-toolbar p{margin-top:.18em}.sample-close{padding:11px 16px}.chapter-reader{gap:8px;padding:8px 14px 6px}
.reader-stage{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;justify-items:center;gap:8px;width:100%;height:100%;min-height:0;overflow:hidden}.reader-stage>.page-turn{position:relative;z-index:12;width:36px;height:36px;margin:0;border-color:#d8c18d;background:#f7ecd4dd;font-size:18px;box-shadow:0 4px 14px #0005}.reader-stage>.page-turn:hover,.reader-stage>.page-turn:focus{background:#a76d35}.reader-stage>.prev{grid-column:1}.reader-stage>.next{grid-column:3}
.reader-cover,.reader-back-panel,.chapter-book{grid-column:2;grid-row:1;min-width:0}.reader-cover{display:none;position:relative;height:min(73vh,820px);aspect-ratio:800/1280;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 26px 26px #0009)}.reader-cover img{display:block;width:100%;height:100%;object-fit:cover}.reader-cover span{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:9px 13px;background:#fff9e9e8;color:#4b321f;font:700 10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.reader-back-panel{display:none;grid-template-columns:minmax(250px,430px) minmax(250px,390px);align-items:center;gap:clamp(24px,4vw,56px);max-height:100%;color:var(--ink)}.reader-back-panel>img{display:block;width:100%;max-height:min(73vh,820px);object-fit:contain;filter:drop-shadow(0 26px 26px #0009)}.reader-back-panel aside{padding:clamp(22px,3vw,40px);background:#fff9e9;box-shadow:0 18px 45px #0006;text-align:left}.reader-back-panel h3{margin:.12em 0;font-size:clamp(2rem,3.3vw,3.7rem)}.reader-price{font-weight:700}.reader-back-panel .button{display:flex;margin:10px 0;justify-content:center;text-align:center}
.reader-stage.is-front .reader-front{display:block}.reader-stage.is-open .chapter-book{display:block}.reader-stage.is-back .reader-back-panel{display:grid}.reader-stage:not(.is-open) .chapter-book{visibility:hidden;pointer-events:none}.chapter-book{max-width:100%;max-height:100%;filter:drop-shadow(0 22px 24px #0008)}.chapter-book .stf__wrapper{overflow:hidden;border-radius:5% 5% 4% 4% / 1.8% 1.8% 2.3% 2.3%;box-shadow:inset 0 12px 18px -16px #513923,inset 0 -12px 18px -16px #513923}.chapter-book .stf__wrapper:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;background:linear-gradient(to bottom,#6a513224,transparent 2.2%,transparent 97.5%,#6a51322b),linear-gradient(90deg,transparent 47%,#4b35242d 50%,transparent 53%)}.reader-progress{min-height:28px;margin:0;padding:0}.sample-footer{padding:4px clamp(18px,3vw,38px) 8px}
@media(max-width:760px){.site-header .brand small{margin-top:5px}.hero{padding-bottom:16px}.shore-transition{height:250px;margin-top:-28px}.reader-stage{grid-template-columns:34px minmax(0,1fr) 34px;gap:2px}.reader-stage>.page-turn{width:30px;height:30px;font-size:15px}.reader-cover{height:min(70vh,680px)}.reader-back-panel{grid-template-columns:minmax(0,1fr);gap:8px}.reader-back-panel>img{max-height:52vh}.reader-back-panel aside{padding:14px}.reader-back-panel aside p:not(.eyebrow):not(.reader-price){display:none}.chapter-book{max-width:100%;max-height:calc(100vh - 150px)}}

/* 2026-08-13 reader geometry, seamless shoreline and identity alignment */
.site-header .brand>span,footer .brand>span{position:relative;justify-content:center}
.site-header .brand-wordmark,footer .brand-wordmark{object-position:left center}
.site-header .brand small{margin-top:-20px;margin-left:0;line-height:1}
footer .brand small{margin-top:-14px;margin-left:0;line-height:1}
.invitation{margin-top:-22px;background:transparent;overflow:hidden}
.shore-transition{height:clamp(220px,22vw,330px);margin-top:0;background-image:url('/assets/shore-transition-v4.png');background-position:center top;background-size:cover;-webkit-mask-image:none;mask-image:none}
.invitation-copy{bottom:clamp(18px,2.6vw,36px)}
.invitation-copy blockquote{font-size:clamp(21px,2.35vw,35px)}
.reader-stage{grid-template-columns:42px minmax(0,1fr) 42px;place-items:center;overflow:visible}
.reader-cover{align-self:center;justify-self:center;height:min(100%,720px);max-height:calc(98vh - 220px);width:auto;max-width:min(470px,92%)}
.reader-cover img{width:auto;max-width:100%;height:100%;margin:auto}
.chapter-book{align-self:center;justify-self:center;width:min(1120px,100%)!important;height:auto;aspect-ratio:1.25;overflow:visible}
.chapter-book .stf__wrapper{overflow:visible;border-radius:0;box-shadow:none}
.chapter-book .stf__wrapper:after{inset:-1.1% 0;z-index:20;background:linear-gradient(90deg,transparent 45.5%,rgba(53,36,24,.08) 48%,rgba(20,12,8,.32) 50%,rgba(255,255,255,.18) 50.7%,rgba(53,36,24,.08) 52%,transparent 54.5%);border-radius:0;filter:blur(.25px)}
.chapter-book canvas{border-radius:0!important}
.reader-back-panel{align-self:center;justify-self:center}
@media(max-width:760px){.site-header .brand small{margin-top:-9px}.invitation{margin-top:-12px}.shore-transition{height:210px;margin-top:0}.reader-cover{max-height:calc(100vh - 180px)}.chapter-book{aspect-ratio:.72;width:100%!important}footer .brand small{margin-top:-8px}}

/* 2026-08-13 screenshot-verified layout correction */
.site-header .brand>span,footer .brand>span{
  display:grid;
  grid-template-rows:auto auto;
  align-content:center;
  justify-items:start;
  gap:0;
  line-height:0;
}
.site-header .brand-wordmark,footer .brand-wordmark{
  display:block;
  object-fit:contain;
  object-position:left center;
}
.site-header .brand small,footer .brand small{
  position:relative;
  margin:2px 0 0 0!important;
  padding:0;
  line-height:1!important;
  align-self:start;
}
.hero{padding-bottom:0}
.invitation{
  margin-top:-1px;
  background:linear-gradient(to bottom,rgba(241,239,222,0),rgba(82,56,32,.16) 55%,#523820 100%);
}
.shore-transition{
  display:block;
  height:clamp(210px,20vw,300px);
  margin:0;
  background-image:url('/assets/shore-transition-v4.png');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 100%);
}
.invitation-copy{bottom:clamp(12px,2vw,28px)}
.sample-dialog{overflow:hidden}
.chapter-reader,.reader-stage{min-height:0;max-height:100%}
.reader-stage{overflow:hidden!important;contain:layout paint}
.reader-cover,.reader-back-panel,.chapter-book{max-height:100%!important}
.chapter-book{align-self:center;justify-self:center;overflow:hidden}
.chapter-book .stf__parent,.chapter-book .stf__wrapper{max-height:100%!important}
.series-art figcaption{text-transform:none;letter-spacing:.08em}
@media(max-width:760px){
  .site-header .brand small,footer .brand small{margin-top:2px!important}
  .shore-transition{height:190px}
}

/* 2026-08-13 iPhone reader: native single-page image, reachable zoom/pan */
@media(max-width:760px){
  .sample-dialog.is-reader-phone .chapter-reader{overflow:hidden}
  .sample-dialog.is-reader-phone .reader-stage{
    display:grid;
    grid-template-columns:1fr;
    align-items:start;
    justify-items:stretch;
    padding:8px 4px 64px;
    overflow:auto!important;
    contain:none;
    overscroll-behavior:contain;
    touch-action:pan-x pan-y;
    -webkit-overflow-scrolling:touch;
  }
  .sample-dialog.is-reader-phone .chapter-book{
    display:block;
    grid-column:1;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0;
    overflow:visible;
    transform:none!important;
    filter:drop-shadow(0 12px 18px #0008);
    touch-action:pan-x pan-y;
  }
  .sample-dialog.is-reader-phone .phone-reader-page{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    margin:0;
    user-select:none;
    -webkit-user-drag:none;
  }
  .sample-dialog.is-reader-phone.is-reader-zoomed .chapter-book{
    width:700px!important;
    margin:0;
  }
  .sample-dialog.is-reader-phone .reader-stage>.page-turn{
    position:fixed;
    bottom:18px;
    z-index:50;
    width:48px;
    height:48px;
    background:#fff8e9f5;
    font-size:22px;
  }
  .sample-dialog.is-reader-phone .reader-stage>.page-turn.prev{left:12px}
  .sample-dialog.is-reader-phone .reader-stage>.page-turn.next{right:12px}
  .sample-dialog.is-reader-phone .reader-progress{
    position:relative;
    z-index:55;
    min-height:34px;
    padding:3px 58px 0;
    background:#211914;
    font-size:9px;
    line-height:1.3;
    text-align:center;
  }
  .sample-dialog.is-reader-phone .sample-footer{display:none}
}

/* 2026-08-13 screenshot acceptance correction */
.site-header .brand>span,footer .brand>span{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;line-height:0}
.site-header .brand small,footer .brand small{margin:0!important;transform:translateY(-22px);line-height:1!important}
footer .brand small{transform:translateY(-15px)}
.invitation{margin-top:-1px;background:#523820;overflow:hidden}
.shore-transition{display:block;height:clamp(220px,22vw,330px);margin:0;background-image:url('/assets/shore-transition-v3.webp');background-position:center;background-size:cover;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.28) 8%,#000 24%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.28) 8%,#000 24%,#000 100%)}
.sample-dialog{box-sizing:border-box;width:min(1500px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);margin:auto;overflow:hidden}
.chapter-reader{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;height:100%;overflow:hidden}
.reader-stage{width:100%;height:100%;min-height:0;overflow:hidden!important;contain:layout paint}
.reader-cover{height:min(var(--reader-page-height,560px),100%)!important;max-height:100%!important;align-self:center;justify-self:center}
.chapter-book{width:var(--reader-book-width,1000px)!important;height:var(--reader-page-height,625px)!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto!important;align-self:center;justify-self:center;overflow:visible}
.chapter-book .stf__wrapper{max-width:100%!important;max-height:100%!important}
@media(max-width:760px){.site-header .brand small,footer .brand small{margin:0!important;transform:translateY(-13px)}.shore-transition{height:200px}.sample-dialog{width:100vw;height:100dvh;max-height:100dvh}}

/* 2026-08-13 reader navigation, scale and reading zoom */
.sample-toolbar{min-height:0;padding-top:7px;padding-bottom:7px}
.sample-toolbar-actions{display:flex;align-items:center;gap:9px}
.reader-zoom{padding:10px 14px;border:1px solid #856846;background:#fffaf0;color:#4d321f;font:700 10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.reader-zoom:hover,.reader-zoom:focus-visible,.reader-zoom[aria-pressed="true"]{background:#8c5b31;color:#fff;outline:2px solid #fff;outline-offset:2px}
.chapter-reader{padding-top:4px;padding-bottom:4px}
.reader-stage{align-items:center}
.reader-cover{height:var(--reader-page-height,680px)!important;max-height:calc(100% - 4px)!important;align-self:center}
.reader-cover img{object-fit:contain}
.chapter-book{transform-origin:center center;transition:transform .3s ease}
.sample-dialog.is-reader-zoomed .chapter-book{transform:scale(1.28);z-index:30;cursor:zoom-out}
.sample-dialog.is-reader-zoomed .reader-stage{overflow:auto!important;contain:none;padding:7% 12%;box-sizing:border-box}
.sample-dialog.is-reader-zoomed .reader-stage>.page-turn{position:sticky;top:50%;z-index:40}
.sample-footer{padding-top:2px;padding-bottom:5px}
@media(max-width:760px){.sample-toolbar-actions{gap:4px}.reader-zoom{padding:8px;font-size:8px}.sample-dialog.is-reader-zoomed .chapter-book{transform:scale(1.5)}.sample-dialog.is-reader-zoomed .reader-stage{padding:18% 22%}}

/* 2026-08-13 complete imposed-spread extraction and stage centering */
.reader-stage{padding-top:clamp(12px,2vh,24px);box-sizing:border-box}
.reader-cover,.reader-back-panel,.chapter-book{transform:translateY(clamp(8px,1.4vh,18px))}
.sample-dialog.is-reader-zoomed .chapter-book{transform:translateY(clamp(8px,1.4vh,18px)) scale(1.28)}
@media(max-width:760px){.reader-stage{padding-top:10px}.reader-cover,.reader-back-panel,.chapter-book{transform:translateY(8px)}.sample-dialog.is-reader-zoomed .chapter-book{transform:translateY(8px) scale(1.5)}}

/* 2026-08-13 reader folios, toolbar color and section flow */
.sample-toolbar .eyebrow{color:#538ca1}
.sample-toolbar h2 span{color:#538ca1}
.sample-close{padding:10px 14px;border:1px solid #856846;background:#5b3427;color:#fff;font:700 10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.sample-close:hover,.sample-close:focus-visible{background:#8c5b31;outline:2px solid #83bfd0;outline-offset:2px}
.reader-progress{min-height:18px}
.character+.invitation{margin-top:0;background:#523820}
.character+.invitation .shore-transition{-webkit-mask-image:none;mask-image:none}
@media(max-width:760px){.sample-toolbar-actions{flex:0 0 136px}.reader-zoom,.sample-close{box-sizing:border-box;width:66px;min-width:0;padding:8px 4px;font-size:8px;line-height:1.2;white-space:normal}}

/* 2026-08-13 1080p hero and shoreline spacing */
@media(min-width:761px){
  .hero{box-sizing:border-box;min-height:calc(100svh - 119px);padding-bottom:clamp(20px,2.4vh,34px)}
  .cover-wrap{position:relative;top:-14px}
}
.invitation-copy{bottom:clamp(38px,4vw,66px)}
@media(max-width:760px){.invitation-copy{bottom:30px}}

/* 2026-08-13 release-readiness accessibility corrections */
.brand small{color:#596565}
footer .brand small{color:#d2c7b3}
.button.secondary{background:#36778f}
.button.secondary:hover,.button.secondary:focus{background:#285b6d}
.character .button.secondary{background:#98542f}
.character .button.secondary:hover,.character .button.secondary:focus{background:#7d4225}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid #fff;outline-offset:3px}
.contact-form :where(input,textarea):focus-visible{outline:3px solid #285f75;outline-offset:2px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter-book,.chapter-book .stf__wrapper{transition:none!important}}

/* 2026-08-13 phone reader legibility: one full-width page per turn */
@media(max-width:760px){
  .sample-dialog .chapter-reader{padding-left:4px;padding-right:4px}
  .sample-dialog .reader-stage{grid-template-columns:1fr;padding:6px 4px 0}
  .sample-dialog .reader-stage>.page-turn{position:absolute;bottom:44px;width:42px;height:42px;background:#fff8e9f2;font-size:20px}
  .sample-dialog .reader-stage>.page-turn.prev{left:8px}
  .sample-dialog .reader-stage>.page-turn.next{right:8px}
  .sample-dialog.is-reader-phone .chapter-book{grid-column:1;width:var(--reader-book-width)!important;max-width:none!important;max-height:none!important;filter:drop-shadow(0 14px 18px #0008)}
  .sample-dialog.is-reader-phone .chapter-book .stf__wrapper:after{background:linear-gradient(to bottom,#6a513224,transparent 2.2%,transparent 97.5%,#6a51322b)}
  .sample-dialog.is-reader-phone .reader-progress{padding:0 52px;font-size:9px;line-height:1.35;text-align:center}
  .sample-dialog.is-reader-phone.is-reader-zoomed .chapter-book{transform:translateY(0);margin:0 auto}
  .sample-dialog.is-reader-phone.is-reader-zoomed .reader-stage{display:block;padding:12px 0 72px;overflow:auto!important;contain:none;overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
  .sample-dialog.is-reader-phone.is-reader-zoomed .reader-stage>.page-turn{position:fixed;bottom:54px;z-index:50}
  .sample-dialog.is-reader-phone.is-reader-zoomed .reader-stage>.page-turn.prev{left:10px}
  .sample-dialog.is-reader-phone.is-reader-zoomed .reader-stage>.page-turn.next{right:10px}
}

/* 2026-08-13 authoritative phone geometry: fit without clipping; zoom with native pan */
@media(max-width:760px){
  .sample-dialog.is-reader-phone .chapter-reader{min-height:0;overflow:hidden}
  .sample-dialog.is-reader-phone .reader-stage{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);place-items:center;min-height:0;padding:4px 4px 8px;overflow:hidden!important;contain:layout paint;touch-action:auto}
  .sample-dialog.is-reader-phone .chapter-book{display:flex;grid-column:1;grid-row:1;align-items:center;justify-content:center;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0!important;overflow:hidden!important;transform:none!important}
  .sample-dialog.is-reader-phone .phone-reader-page{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;margin:auto;object-fit:contain}
  .sample-dialog.is-reader-phone.is-reader-zoomed .reader-stage{display:block;padding:0 0 72px;overflow:auto!important;contain:none;overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
  .sample-dialog.is-reader-phone.is-reader-zoomed .chapter-book{display:block;width:700px!important;height:auto!important;min-width:700px!important;max-width:none!important;max-height:none!important;margin:0!important;overflow:visible!important;align-self:start!important;justify-self:start!important;transform:none!important}
  .sample-dialog.is-reader-phone.is-reader-zoomed .phone-reader-page{width:700px!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0}
  .sample-dialog.is-reader-phone .chapter-book.turning-phone-next{animation:phonePageNext .42s cubic-bezier(.2,.68,.25,1)}
  .sample-dialog.is-reader-phone .chapter-book.turning-phone-prev{animation:phonePagePrev .42s cubic-bezier(.2,.68,.25,1)}
}
@keyframes phonePageNext{0%{opacity:.25;transform:perspective(1000px) rotateY(-14deg) translateX(22px);transform-origin:left center}100%{opacity:1;transform:perspective(1000px) rotateY(0) translateX(0);transform-origin:left center}}
@keyframes phonePagePrev{0%{opacity:.25;transform:perspective(1000px) rotateY(14deg) translateX(-22px);transform-origin:right center}100%{opacity:1;transform:perspective(1000px) rotateY(0) translateX(0);transform-origin:right center}}
@media(prefers-reduced-motion:reduce){.sample-dialog.is-reader-phone .chapter-book.turning-phone-next,.sample-dialog.is-reader-phone .chapter-book.turning-phone-prev{animation:none}}