@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@400;500;600;1,400;1,500&display=swap');
:root{--paper:#f5f1e8;--ink:#242522;--gold:#9b7940;--muted:#68675f;--line:#d6cdbb;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,.button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 23px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;font-size:14px;font-weight:600;border-radius:3px}button.quiet,.button.quiet{background:transparent;color:var(--ink);border-color:var(--line)}button.text{padding:5px 0;background:none;border:0;color:var(--ink);text-decoration:underline}header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5vw;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:700;font-size:16px;letter-spacing:-.04em}.brand small{display:block;color:var(--muted);font-size:12px;letter-spacing:.14em;font-weight:400}nav{display:flex;align-items:center;gap:24px}nav a{font-size:14px;text-decoration:none}.wrap{width:min(1160px,90vw);margin:auto}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(48px,6vw,84px);letter-spacing:-.055em;line-height:1.08}h2{font-size:clamp(32px,4vw,48px);line-height:1.2;letter-spacing:-.025em}h3{font-size:26px;line-height:1.3}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding:80px 0 68px;align-items:center}.hero h1 em{font-weight:400;color:var(--gold)}.lead{font-size:18px;color:var(--muted);max-width:520px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.edition{background:var(--ink);color:var(--paper);padding:48px 40px;min-height:510px;display:flex;flex-direction:column;justify-content:space-between;border-top:5px solid var(--gold)}.edition-title{font:400 clamp(56px,6vw,86px)/1.02 var(--serif);letter-spacing:-.04em;margin:48px 0}.edition-title em{color:#c2a976}.edition small{letter-spacing:.18em;font-size:12px}.edition-bottom{border-top:1px solid #676254;padding-top:20px;display:flex;justify-content:space-between;gap:20px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:28px 0;gap:30px}.facts strong{display:block;font-size:15px}.facts span{font-size:14px;color:var(--muted)}.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px}.section-head p{max-width:400px;color:var(--muted)}.days{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}.day{padding:23px 0;border-top:1px solid var(--line);display:flex;gap:18px;align-items:start;text-decoration:none}.day .number{color:var(--gold);font:26px var(--serif)}.day h3{font-size:21px;margin:0 0 7px}.day small{color:var(--muted)}.callout{padding:48px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.callout p{color:#c9c3b5}.callout .button{background:var(--paper);color:var(--ink)}.price{font:48px var(--serif)}.muted{color:var(--muted)}.small{font-size:14px}.page-head{padding:54px 0 24px}.page-head h1{font-size:52px}.panel{border:1px solid var(--line);padding:30px;margin:20px 0;background:#faf7f0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.stack{display:grid;gap:16px}label{display:grid;gap:8px;font-size:14px;font-weight:500}input,textarea,select{width:100%;padding:12px;border:1px solid #b8b09e;background:#fffdf8;color:var(--ink);border-radius:3px}textarea{min-height:115px;resize:vertical;line-height:1.65}input[type=checkbox]{width:18px;height:18px}.checkbox{display:flex;align-items:center}.status{font-size:14px;min-height:24px;color:var(--muted)}.notice{border-left:3px solid var(--gold);padding:14px 20px;background:#eae3d5;margin:20px 0}.badge{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}footer.site-footer{display:flex;justify-content:space-between;gap:20px;padding:35px 5vw;border-top:1px solid var(--line);font-size:12px;letter-spacing:.08em;color:var(--muted);margin-top:60px}dialog{max-width:460px;width:92vw;border:1px solid var(--line);background:var(--paper);padding:30px;color:var(--ink)}dialog::backdrop{background:#242522aa}dialog .close{float:right;padding:2px 9px;background:transparent;color:var(--ink);border:0;font-size:24px}dialog h2{font-size:32px}.reader-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:80vh}.rail{padding:35px 26px;border-right:1px solid var(--line)}.rail h2{font-size:30px}.rail select{margin:15px 0}.moment-list{display:grid;gap:2px}.moment-list button{background:none;border:0;color:var(--muted);text-align:left;justify-content:start;font-size:13px;padding:9px 12px;font-weight:400}.moment-list button.active{background:#e9e1d1;border-left:2px solid var(--gold);color:var(--ink)}.reading{width:min(760px,100%);padding:38px 48px 0;margin:auto}.reading-toolbar{display:flex;gap:16px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:12px;color:var(--muted);align-items:center}.reading h1{font-size:clamp(36px,4vw,58px);margin:35px 0 20px}.voice{font-size:13px;color:var(--gold);margin-bottom:30px}.prose{font-family:Georgia,serif;font-size:20px;line-height:1.9}.large .prose{font-size:24px}blockquote{font:italic 29px/1.5 var(--serif);border-left:2px solid var(--gold);padding:10px 26px;margin:35px 0}.deeper{border-block:1px solid var(--line);padding:28px 0;margin:35px 0}.deeper p{margin:14px 0 0}.reflection{margin:28px 0}.reflection label{margin:22px 0;font-size:16px}.recall{background:#eae3d5;padding:24px;margin:30px 0}.recall p,.journal-entry p{white-space:pre-wrap}.reader-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.reader-bottom span{font-size:13px}.progress-track{height:3px;background:var(--line);margin:16px 0}.progress-fill{height:100%;background:var(--gold)}.journal-entry{padding:24px 0;border-bottom:1px solid var(--line)}.journal-entry small{color:var(--gold)}.order{border-top:1px solid var(--line);padding:25px 0}.order .actions{margin:12px 0}.order code{font-size:13px;overflow-wrap:anywhere}.gift-link{display:block;overflow-wrap:anywhere;font-size:14px}.hidden{display:none!important}.error{color:#943d26}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:var(--paper);z-index:10;padding:10px}.source-links a{display:block;font-size:13px;margin:8px 0}.loading{padding:60px 5vw}.instructions{white-space:pre-wrap}.qr{width:160px;height:160px;background:white}.auth-note{font-size:13px}.check-mark{font-size:18px;color:var(--gold)}
@media(max-width:760px){header{padding:18px 5vw;align-items:start}.brand{font-size:14px}.brand small{font-size:10px}nav{gap:13px;flex-wrap:wrap;justify-content:end}nav a{font-size:12px}nav button{padding:8px 12px;font-size:12px}.hero{grid-template-columns:1fr;padding:42px 0;gap:30px}.edition{min-height:360px;padding:30px}.edition-title{font-size:68px;margin:28px 0}.facts{gap:16px}.facts strong,.facts span{font-size:12px}.section{padding:45px 0}.section-head{display:block}.days{grid-template-columns:1fr 1fr;gap:0 22px}.day{gap:12px}.day h3{font-size:18px}.callout,.grid{grid-template-columns:1fr}.callout{padding:28px}.reader-layout{display:block}.rail{padding:20px 5vw;border-right:0;border-bottom:1px solid var(--line)}.rail h2,.rail .eyebrow,.moment-list{display:none}.rail select{margin:0}.reading{padding:24px 6vw}.prose{font-size:19px}.reader-bottom button{padding:11px 15px}.panel{padding:22px}.page-head h1{font-size:40px}footer.site-footer{flex-wrap:wrap}.reading-toolbar{font-size:11px;gap:8px}.reading-toolbar button{font-size:12px}.section-head h2{margin-bottom:15px}}
@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s,transform .15s}button:hover,.button:hover{transform:translateY(-1px)}}

/* Becoming the One: editorial public landing */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-view=home]{--paper:#f7f3eb;--ink:#191817;--gold:#927038;--muted:#69655e;--line:#d9cebd;background:#f7f3eb}
body[data-view=home] header{position:absolute;z-index:3;left:0;right:0;top:0;border:0;min-height:70px;padding:16px 4vw}
body[data-view=home] header .brand{font-size:13px;letter-spacing:.15em;font-weight:500}
body[data-view=home] header .brand small{font-size:9px;letter-spacing:.19em}
body[data-view=home] header nav .quiet{border:0;background:transparent;color:var(--ink);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:8px}
body[data-view=home] footer.site-footer{margin-top:0;background:#f0e9df}
.book-landing{overflow:hidden}.book-landing section{scroll-margin-top:0}
.book-kicker{font:500 11px/1.5 'DM Sans',sans-serif;letter-spacing:.29em;color:var(--gold);text-transform:uppercase}
.book-kicker span{margin:0 8px;color:#a89574}
.book-landing h2{font:400 clamp(50px,7vw,112px)/.99 var(--serif);letter-spacing:-.055em;margin:0 0 42px}
.book-landing h2 em{font-weight:400;color:var(--gold)}
.book-cta{display:inline-flex;align-items:center;gap:42px;justify-content:space-between;min-height:56px;padding:14px 21px;background:#1c1b19;color:#f8f4ec;text-decoration:none;text-transform:uppercase;font:600 11px/1.3 'DM Sans',sans-serif;letter-spacing:.16em;border:1px solid #1c1b19;border-radius:0;transition:background .25s,color .25s,transform .25s}
.book-cta:hover{background:#554226;color:white;transform:translateY(-2px)}.book-cta span{font-size:19px;font-weight:400;line-height:1}.book-cta:focus-visible{outline-color:#a27b3a}
.cover-stage{min-height:100svh;padding:88px 20px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;text-align:center;background:radial-gradient(ellipse at 50% 41%,#fffdf8 0%,#f8f4eb 54%,#f0e9df 100%)}
.cover-stage .book-kicker{margin:0}.book-cover{display:block;width:auto;height:min(66svh,620px);max-width:90vw;aspect-ratio:2/3;object-fit:contain;box-shadow:17px 22px 30px #48351a28,2px 2px 5px #48351a18;transform:perspective(1200px) rotateY(-3deg)}
.cover-stage .book-cta{background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--gold);padding:8px 0;min-height:40px;gap:30px}.cover-stage .book-cta:hover{color:var(--gold)}.cover-credit{font-size:9px;letter-spacing:.28em;color:#817c74;margin:0}
.story-stage,.method-stage,.days-stage,.sample-stage,.purchase-stage{min-height:91svh;display:flex;align-items:center;padding:105px max(6vw,24px)}
.story-stage{background:#efe9dd}.story-inner{width:min(1150px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.story-copy{max-width:460px}.story-copy p:not(.author-signature){font:20px/1.76 Georgia,serif;color:#38342e}.author-signature{font:italic 25px var(--serif);margin:28px 0 30px;color:var(--gold)}
.book-section-inner{width:min(1120px,100%);margin:auto}.method-stage{background:#f8f5ee}.method-stage h2,.days-stage h2{margin-bottom:25px}.method-lead{font:20px/1.7 Georgia,serif;max-width:650px;color:#504b44}
.method-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;list-style:none;margin:65px 0 28px;padding:0;border-top:1px solid var(--line)}.method-steps li{padding-top:21px;display:flex;flex-direction:column;gap:12px}.method-steps li span{font:23px var(--serif);color:var(--gold)}.method-steps strong{font:31px var(--serif);font-weight:400}.method-steps small{font:13px/1.5 'DM Sans',sans-serif;color:var(--muted)}.book-fine{font-size:13px;line-height:1.7;color:var(--muted);max-width:530px;margin:0 0 32px}
.days-stage{background:#e9dfcf}.book-days{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;list-style:none;padding:0;margin:44px 0}.book-days li{min-height:92px;border-top:1px solid #c3b49c;display:grid;grid-template-columns:43px 1fr;column-gap:12px;align-content:center}.book-day-num{grid-row:span 2;align-self:center;font:27px var(--serif);color:var(--gold)}.book-day-name{font:22px/1.3 var(--serif)}.book-day-theme{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#817562;margin-top:5px}
.sample-stage{background:#f7f3eb}.sample-inner{display:grid;grid-template-columns:1fr .85fr;gap:12%;align-items:center}.sample-inner>div>p:not(.book-kicker):not(.book-fine){font:20px/1.72 Georgia,serif;color:#514b43;max-width:550px}.sample-quote{border:0;padding:0 0 0 32px;border-left:1px solid var(--gold);margin:0;font:italic clamp(34px,3.8vw,58px)/1.25 var(--serif);color:#342b20}.sample-quote cite{display:block;font:500 10px 'DM Sans',sans-serif;letter-spacing:.23em;color:var(--gold);margin-top:35px;font-style:normal}
.purchase-stage{background:#1e1d1b;color:#f7f1e6;text-align:center;min-height:80svh}.purchase-inner{max-width:750px}.purchase-stage .book-kicker{color:#c4a672}.purchase-stage h2{margin:25px 0}.purchase-stage h2 em{color:#c9a875}.purchase-stage p:not(.book-kicker){max-width:560px;margin:0 auto 25px;color:#d6cbbb}.book-price{border-block:1px solid #5b5042;display:flex;align-items:center;justify-content:center;gap:25px;padding:24px;margin:32px auto;max-width:560px;text-align:left}.book-price>span{font:57px var(--serif);color:#d7ba84}.book-price strong,.book-price small{display:block}.book-price strong{font-weight:500}.book-price small{font-size:12px;color:#b7ac9d}.purchase-stage .purchase-note{font-size:13px!important;max-width:500px!important}.book-cta-light{background:#d4b47e;color:#201b15;border-color:#d4b47e}.book-cta-light:hover{background:#f3dfb8;color:#201b15}
@media(max-width:800px){.story-inner,.sample-inner{grid-template-columns:1fr;gap:40px}.story-stage,.method-stage,.days-stage,.sample-stage,.purchase-stage{min-height:auto;padding:90px 7vw}.book-landing h2{font-size:clamp(52px,10vw,78px)}.method-steps{grid-template-columns:repeat(3,1fr);row-gap:32px}.book-days{grid-template-columns:repeat(2,1fr)}.sample-quote{font-size:40px}}
@media(max-width:540px){body[data-view=home] header{padding:12px 5vw}.cover-stage{padding:84px 16px 20px;gap:17px}.cover-stage .book-kicker{font-size:9px;letter-spacing:.2em}.book-cover{height:min(64svh,560px);max-width:84vw;box-shadow:10px 15px 20px #48351a22}.cover-credit{font-size:8px;letter-spacing:.18em}.story-stage,.method-stage,.days-stage,.sample-stage,.purchase-stage{padding:80px 7vw}.story-copy p:not(.author-signature),.method-lead,.sample-inner>div>p:not(.book-kicker):not(.book-fine){font-size:18px}.method-steps{grid-template-columns:repeat(2,1fr);margin-top:42px}.method-steps strong{font-size:25px}.book-days{grid-template-columns:1fr;margin:38px 0}.book-days li{min-height:76px}.book-price{gap:14px}.book-price>span{font-size:44px}.book-price small{font-size:11px}.sample-quote{font-size:36px}.book-cta{width:100%}.cover-stage .book-cta{width:auto}}
@media(prefers-reduced-motion:reduce){.book-cta{transition:none}.book-cover{transform:none}}

/* Full landscape cover artwork */
body[data-view=home] header{color:#231f1a}
.cover-stage{padding:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0;min-height:100svh;background:#efe7da}
.cover-art{width:100%;min-height:calc(100svh - 76px);background:#f3ede3 url('/interactivepublishing/assets/becoming-the-one-hero.webp') center center/cover no-repeat}
.cover-entry{min-height:76px;display:flex;justify-content:center;align-items:center;background:#f5efe5;border-top:1px solid #d8c9af}
.cover-stage .book-cta{margin:0;color:#211d19}
@media(max-width:800px){.cover-art{min-height:0;height:auto;aspect-ratio:1672/941;background-size:100% 100%;align-self:center}.cover-stage{grid-template-rows:1fr auto;background:linear-gradient(#f7f2e9,#e9dfd0)}.cover-entry{min-height:84px}}
@media(max-width:540px){.cover-stage{min-height:100svh}.cover-art{width:100%;aspect-ratio:1672/941;background-size:contain;background-color:transparent}.cover-entry{min-height:90px}.cover-stage .book-cta{width:auto}}
.cover-stage{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch}
.cover-art,.cover-entry{grid-column:1;width:100%}

/* Page-by-page landing experience */
body[data-view=home]{overflow:hidden}
body[data-view=home] footer.site-footer{display:none}
body[data-view=home] #main,.book-landing{height:100svh;min-height:0;overflow:hidden}
.book-landing{position:relative;isolation:isolate}
.book-landing>section{position:absolute;inset:0 0 64px;min-height:0;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s ease,visibility 0s linear .38s}
.book-landing>section.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s ease,visibility 0s}
.book-landing>section.is-leaving{opacity:0;pointer-events:none}
.book-landing>.cover-stage{inset:0;overflow:hidden}
.book-nav{position:absolute;z-index:4;bottom:0;left:0;right:0;height:64px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f4eee4;border-top:1px solid #d9cdbb}
.book-nav.on-cover{display:none}
.book-nav button{background:transparent;border:0;color:#24201b;font:600 11px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:12px 0;min-width:105px}
.book-nav button:last-child{text-align:right}.book-nav button:first-child{text-align:left}
.book-nav button[hidden]{display:none}.book-nav-count{font:500 11px 'DM Sans',sans-serif;letter-spacing:.22em;color:#887554}
.book-landing>section h1:focus,.book-landing>section h2:focus{outline:none}
@media(max-width:800px){.book-landing>section{inset:0 0 60px}.book-landing>.cover-stage{inset:0}.book-nav{height:60px;padding:0 7vw}.book-landing>section:not(.cover-stage){padding-top:85px;padding-bottom:55px}}
@media(max-width:540px){.book-nav button{font-size:10px;min-width:88px}.book-landing>section:not(.cover-stage){padding-top:88px;padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.book-landing>section,.book-landing>section.is-active{transition:none}}

/* Crisp, responsive typeset cover. All lettering is live text. */
.cover-stage{background:#f0e8dc}
.cover-art{min-height:0;height:100%;padding:clamp(82px,10vh,112px) 4vw clamp(24px,3.8vh,48px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;background:radial-gradient(ellipse at 50% 36%,#fffefa 0%,#f9f5ed 47%,#ede5d9 100%);color:#171615}
.cover-art::before,.cover-art::after{content:"";position:absolute;pointer-events:none;z-index:-1;width:40vw;height:58%;filter:blur(30px);opacity:.3;background:radial-gradient(ellipse,#d3c5ad66,transparent 70%)}
.cover-art::before{left:-19vw;top:9%}.cover-art::after{right:-19vw;bottom:15%}
.cover-top p{font:400 clamp(10px,1.2vw,17px)/1.4 'Bodoni Moda',Georgia,serif;letter-spacing:clamp(.16em,.55vw,.43em);margin:0 0 7px;color:#805b28}
.cover-top p:nth-child(2){color:#27221d;font-size:clamp(9px,.95vw,14px);letter-spacing:.37em}
.cover-rule{display:block;width:58px;height:1px;margin:25px auto 0;background:#9e7840}
.cover-title{margin:10px 0 0!important;display:flex;flex-direction:column;align-items:center;font-family:'Bodoni Moda',Didot,Georgia,serif!important;font-weight:400!important;letter-spacing:-.08em!important;line-height:.79!important;white-space:nowrap}
.cover-becoming{display:block;font-size:clamp(45px,min(10vw,15vh),150px)}
.cover-the{font-size:clamp(25px,min(4vw,6vh),58px);letter-spacing:-.045em;line-height:.82;margin-top:11px}
.cover-one{display:block;font-size:clamp(94px,min(23vw,27vh),300px);background:linear-gradient(113deg,#744b1c 0%,#aa8143 17%,#e7cb91 39%,#af8340 58%,#6e471d 77%,#d5ad6c 100%);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.09em;line-height:.9}
.cover-lower{display:flex;flex-direction:column;align-items:center;gap:0}.cover-lower .cover-rule{width:155px;margin:0 auto 18px}.cover-promise{font:400 clamp(12px,min(1.45vw,2.15vh),21px)/1.75 'Bodoni Moda',Georgia,serif;letter-spacing:.26em;margin:0 0 clamp(16px,3vh,29px)}
.cover-features{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:clamp(10px,2vw,27px);row-gap:3px;font:500 clamp(9px,.85vw,12px)/1.5 'DM Sans',sans-serif;letter-spacing:.2em;margin:0 0 clamp(16px,3vh,30px)}.cover-features span:nth-child(even){color:#8d6935}
.cover-author{font:400 clamp(18px,min(2.2vw,3.3vh),31px)/1.2 'Bodoni Moda',Georgia,serif;letter-spacing:.26em;margin:0;color:#1b1917}
.cover-entry{min-height:clamp(110px,15vh,155px);padding:18px 22px;display:flex;align-items:center;justify-content:center;background:#f2eadc;border-top:1px solid #dccdb7}
.cover-stage .cover-entry .book-cta{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;min-width:min(360px,90vw);min-height:64px;padding:11px 12px 11px 26px;background:#201c18;color:#fff9ec;border:1px solid #a5814a;box-shadow:0 12px 28px #4e351c28;text-transform:uppercase;letter-spacing:.19em;font-size:12px;transition:transform .25s,background .25s,box-shadow .25s}
.cover-stage .cover-entry .book-cta:hover{background:#49351f;color:#fff9ec;transform:translateY(-3px);box-shadow:0 17px 32px #4e351c38}
.cover-arrow{width:40px;height:40px;border:1px solid #b89b6e;border-radius:50%;display:grid;place-items:center;font-size:21px;line-height:1;color:#e9d2a8}
@media(max-width:800px){.cover-stage{grid-template-rows:minmax(0,1fr) auto}.cover-art{width:100%;height:100%;aspect-ratio:auto;background-size:auto;padding:clamp(75px,9vh,95px) 3vw 22px}.cover-entry{min-height:110px}.cover-title{margin:6px 0!important}}
@media(max-width:540px){.cover-art{padding:79px 4vw 20px}.cover-top p{letter-spacing:.17em}.cover-top p:nth-child(2){letter-spacing:.2em}.cover-rule{margin-top:16px}.cover-becoming{font-size:clamp(42px,11vw,65px)}.cover-the{font-size:clamp(22px,6vw,31px);margin-top:8px}.cover-one{font-size:clamp(93px,26vw,145px)}.cover-promise{font-size:clamp(10px,3vw,13px);letter-spacing:.12em;line-height:1.65}.cover-features{font-size:9px;letter-spacing:.1em;column-gap:8px;max-width:330px}.cover-author{font-size:19px;letter-spacing:.2em}.cover-lower .cover-rule{margin-bottom:12px}.cover-entry{min-height:110px}.cover-stage .cover-entry .book-cta{min-width:min(330px,90vw);min-height:60px}}
@media(max-height:720px){.cover-art{padding-top:75px;padding-bottom:15px}.cover-top .cover-rule{margin-top:12px}.cover-promise{margin-bottom:12px}.cover-features{margin-bottom:10px}.cover-entry{min-height:92px}}
@media(prefers-reduced-motion:reduce){.cover-stage .cover-entry .book-cta{transition:none}}

/* Quiet controls and spacious cover composition */
.book-landing>section{inset:0}
.book-landing>.cover-stage{display:block;inset:0}
.cover-art{height:100%;width:100%;padding:clamp(100px,11vh,145px) 4vw clamp(112px,13vh,160px);justify-content:space-between}
.cover-side-cta{position:absolute;right:max(4vw,22px);bottom:clamp(24px,4vh,42px);z-index:2;display:inline-flex;align-items:center;gap:18px;min-height:54px;padding:10px 12px 10px 21px;background:#211d19;color:#fff8eb;border:1px solid #ad8b57;box-shadow:0 8px 24px #61482b28;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font:600 11px/1.2 'DM Sans',sans-serif;transition:background .22s,transform .22s,box-shadow .22s}
.cover-side-cta span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #bd9f72;border-radius:50%;font-size:17px;font-weight:400;color:#f0d6a4}
.cover-side-cta:hover{background:#49351f;color:#fff8eb;transform:translateY(-2px);box-shadow:0 12px 28px #61482b33}
.book-back{position:absolute;left:clamp(16px,3vw,48px);bottom:clamp(17px,2.5vh,28px);z-index:4;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:7px 12px;background:#f6f0e8db;border:1px solid #cec0aa;color:#514736;font:500 11px/1.2 'DM Sans',sans-serif;letter-spacing:.06em;border-radius:0;box-shadow:none}
.book-back:hover{background:#eee2d1;transform:none}.book-back[hidden]{display:none}
.book-landing>section:not(.cover-stage){padding-bottom:75px}
@media(max-width:800px){.book-landing>section{inset:0}.cover-stage{display:block}.cover-art{height:100%;padding:clamp(95px,11vh,130px) 3vw clamp(125px,15vh,180px)}.book-landing>section:not(.cover-stage){padding-bottom:70px}}
@media(max-width:540px){.cover-art{height:100%;padding:90px 4vw 120px}.cover-side-cta{right:18px;bottom:18px;min-height:48px;padding:8px 9px 8px 14px;font-size:10px;gap:10px}.cover-side-cta span{width:28px;height:28px}.book-back{left:16px;bottom:16px;font-size:10px}.book-landing>section:not(.cover-stage){padding-bottom:65px}}
@media(max-height:720px){.cover-art{padding-top:75px;padding-bottom:92px}.cover-side-cta{bottom:14px}.book-landing>section:not(.cover-stage){padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.cover-side-cta{transition:none}}

/* More air around the cover copy after removing the byline */
.cover-lower .cover-rule{margin-bottom:clamp(24px,3.4vh,38px)}
.cover-promise{margin-bottom:clamp(26px,4vh,42px)}
.cover-features{margin-bottom:0}
@media(max-width:540px){.cover-lower .cover-rule{margin-bottom:18px}.cover-promise{margin-bottom:22px}}
@media(max-height:720px){.cover-lower .cover-rule{margin-bottom:16px}.cover-promise{margin-bottom:18px}}

/* Cover byline shares the quiet bottom space with the entry */
.cover-footer-author{position:absolute;left:50%;bottom:clamp(32px,4.5vh,49px);transform:translateX(-50%);z-index:2;white-space:nowrap;margin:0;color:#211d19;font:400 clamp(23px,2.2vw,31px)/1.1 'Bodoni Moda',Georgia,serif;letter-spacing:.3em;text-align:center}
@media(max-width:800px){.cover-footer-author{bottom:91px;font-size:22px}.cover-art{padding-bottom:clamp(150px,18vh,195px)}}
@media(max-width:540px){.cover-footer-author{bottom:85px;font-size:20px;letter-spacing:.22em}.cover-art{padding-bottom:150px}}
@media(max-height:720px) and (min-width:801px){.cover-footer-author{bottom:26px;font-size:22px}}

/* Optional background score for the page-by-page introduction */
.book-sound{position:absolute;z-index:5;top:94px;right:clamp(16px,4vw,70px);display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.book-sound-toggle{min-height:32px;padding:4px 0;gap:7px;background:transparent;border:0;color:#5b4830;box-shadow:none;border-radius:0;font:600 10px/1 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.book-sound-toggle:hover{background:transparent;color:#171615;transform:none}.book-sound-toggle span:first-child{font-size:16px;font-weight:400}
.book-sound>a{font:400 9px/1.2 'DM Sans',sans-serif;color:#746a5b;text-decoration:none;letter-spacing:.03em}.book-sound>a:hover{text-decoration:underline}
@media(max-width:540px){.book-sound{top:73px;right:18px}.book-sound-toggle{font-size:9px}.book-sound>a{font-size:8px}}

/* Introduction opens within the landing journey */
.sample-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px 30px;margin-top:28px}
.sample-actions .book-cta{margin:0;border-radius:0}
.sample-secondary{display:inline-flex;align-items:center;gap:16px;padding:14px 0;font:600 12px/1.4 'DM Sans',sans-serif;text-decoration:none;border:0;border-bottom:1px solid #9b7940;background:transparent;color:#242522;border-radius:0;box-shadow:none}
.intro-popup{width:min(820px,calc(100vw - 32px));max-width:820px;max-height:85svh;padding:0;border:1px solid #cdbb9a;border-radius:0;background:#f9f5ed;color:#242522;box-shadow:0 24px 90px #1c160d40;opacity:0;transform:translateY(12px);transition:opacity .26s ease,transform .26s ease;overflow:auto}
.intro-popup.is-visible{opacity:1;transform:translateY(0)}
.intro-popup::backdrop{background:rgba(28,24,18,0);transition:background .26s ease;backdrop-filter:blur(4px)}
.intro-popup.is-visible::backdrop{background:rgba(28,24,18,.48)}
.intro-popup-top{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 26px;background:#f9f5edf5;border-bottom:1px solid #dfd4c2;font:500 10px/1.4 'DM Sans',sans-serif;letter-spacing:.15em;color:#806236}
.intro-popup-close{padding:8px 12px;min-width:40px;min-height:40px;background:transparent;color:#242522;border:1px solid #d5c5aa;border-radius:0}
.intro-popup-reading{padding:42px clamp(24px,6vw,64px) 48px}.intro-popup-reading h1{font-size:clamp(32px,4vw,46px);line-height:1.15}.intro-popup-reading h2{font-size:clamp(28px,3vw,38px)}.intro-popup-reading .prose{font:400 18px/1.9 Georgia,serif}.intro-popup-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
@media(max-width:540px){.sample-actions{gap:16px}.intro-popup{max-height:90svh}.intro-popup-top{padding:10px 16px}.intro-popup-reading{padding-top:28px}.intro-popup-reading .prose{font-size:17px}}
@media(prefers-reduced-motion:reduce){.intro-popup,.intro-popup::backdrop{transition:none}}

/* Keep the introduction toolbar outside the scrolling reading area. */
.intro-popup{overflow:hidden}
.intro-popup-inner{display:flex;flex-direction:column;max-height:calc(85svh - 2px);min-height:0}
.intro-popup-top{position:relative;flex:0 0 auto;background:#f9f5ed}
.intro-popup-reading{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
@media(max-width:540px){.intro-popup-inner{max-height:calc(90svh - 2px)}}

/* Shared top bar: only the content area scrolls. */
body[data-view]{height:100svh;overflow:hidden;display:flex;flex-direction:column}
body[data-view]>header{position:relative;inset:auto;flex:0 0 auto;z-index:10;background:#f7f3eb;border-bottom:1px solid #dfd5c5;min-height:82px;padding:12px 4vw;align-items:center}
body[data-view]>#main{flex:1 1 auto;min-height:0;height:auto;overflow-y:auto;overscroll-behavior:contain}
body[data-view=home]>#main{overflow:hidden}
body[data-view]>.site-footer{flex:0 0 auto;margin-top:0}
body[data-view=home] .book-landing{height:100%;min-height:0}
header .book-sound{position:static;display:flex;flex-direction:column;align-items:center;gap:2px;padding-right:20px;border-right:1px solid #dfd5c5}
header nav .book-sound-toggle{padding:3px 0;min-height:24px}
header .book-sound>a{font-size:8px;line-height:1.2}
body[data-view=home] .cover-art{padding-top:clamp(22px,3vh,42px)}
.book-landing>section:not(.cover-stage){padding-top:clamp(36px,6vh,75px)}
@media(max-width:540px){body[data-view]>header{gap:12px;padding:10px 4vw;min-height:82px}body[data-view]>header nav{gap:10px}body[data-view=home] header .brand{font-size:10px;letter-spacing:.09em}body[data-view=home] header .brand small{font-size:7px;letter-spacing:.1em}body[data-view=home] header nav .quiet{font-size:10px;padding:5px}header .book-sound{padding-right:10px}header .book-sound-toggle{font-size:8px}header .book-sound>a{font-size:7px}.book-landing>section:not(.cover-stage){padding-top:32px}body[data-view=home] .cover-art{padding-top:24px}}

/* The top bar follows the active page palette. */
body[data-view=home]>header{transition:background-color .3s ease,color .3s ease,border-color .3s ease}
body[data-view=home]>header[data-book-page=author]{background:#efe9dd}
body[data-view=home]>header[data-book-page=how]{background:#f8f5ee}
body[data-view=home]>header[data-book-page=days]{background:#e9dfcf;border-bottom-color:#c3b49c;color:#24211d}
body[data-view=home]>header[data-book-page=purchase]{background:#1e1d1b;border-bottom-color:#5b5042;color:#f7f1e6}
body[data-view=home] header[data-book-page=purchase] .brand small,body[data-view=home] header[data-book-page=purchase] .book-sound>a{color:#d6cbbb}
body[data-view=home] header[data-book-page=purchase] nav .quiet,body[data-view=home] header[data-book-page=purchase] .book-sound-toggle{color:#f7f1e6}
body[data-view=home] header[data-book-page=purchase] .book-sound{border-color:#5b5042}
body[data-view=home] header[data-book-page=purchase] a:focus-visible,body[data-view=home] header[data-book-page=purchase] button:focus-visible{outline-color:#d7ba84}
@media(prefers-reduced-motion:reduce){body[data-view=home]>header{transition:none}}

.sample-secondary:hover{background:transparent;color:#806236;transform:none}

/* Reader checkout */
.checkout-page{padding:30px 0 80px}.checkout-head{padding:25px 0 24px;max-width:740px}.checkout-head h1{font-size:clamp(44px,5vw,72px);line-height:1.05;margin:10px 0 18px}.checkout-head h1 em{font-weight:400;color:#967443}.checkout-head>p:last-child{color:#58534b;font-size:17px}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:start}.checkout-card,.checkout-summary{border:1px solid #d7cbbb;background:#faf7f0;padding:clamp(22px,3vw,42px)}.checkout-card h2,.checkout-summary h2{font-size:clamp(30px,3vw,42px);margin:5px 0 20px}.checkout-step{font:600 11px/1.4 'DM Sans',sans-serif;letter-spacing:.18em;color:#927038}.checkout-card .stack{gap:18px}.checkout-card .checkbox{display:flex;gap:12px}.checkout-card .checkbox input{flex:none}.checkout-card label small{font-size:12px;font-weight:400;color:#6a645a}.checkout-card input[type=file]{font-size:13px}.checkout-total{border-top:1px solid #d7cbbb;border-bottom:1px solid #d7cbbb;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;font-size:15px}.checkout-total strong{font:400 32px var(--serif);color:#7d5d2f}.checkout-support{font-size:13px;line-height:1.6;color:#665f53;margin:0}.checkout-unavailable{padding:20px;background:#ece5d8;border-left:3px solid #967443}.checkout-unavailable p{margin:8px 0 0}.checkout-summary{background:#f1eadf}.checkout-summary h2{margin:10px 0 4px}.checkout-summary h2 small{font:14px 'DM Sans',sans-serif}.checkout-summary hr{border:0;border-top:1px solid #d2c4ae;margin:23px 0}.checkout-summary h3{font-size:22px;margin:0 0 12px}.checkout-summary ul{padding-left:21px;margin:0;line-height:1.9}.checkout-summary .instructions{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.checkout-summary>a{display:inline-block;margin-top:20px}.checkout-success h2{margin:12px 0}.checkout-success strong{overflow-wrap:anywhere}.checkout-success .button{margin-top:15px}
@media(max-width:760px){.checkout-layout{grid-template-columns:1fr}.checkout-page{padding-top:12px}.checkout-head{padding-top:15px}.checkout-summary{order:-1}.checkout-summary ul{display:none}.checkout-summary hr:first-of-type{display:none}}

.checkout-card #checkout-signin{margin:8px 0 16px}.checkout-card .checkout-unavailable{margin:18px 0}.checkout-card .status{margin:0}

.checkout-qr{max-width:320px;margin:18px auto 24px;text-align:center}.checkout-qr img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #ded5c9;background:#fff}.checkout-qr .button{display:flex;width:100%;margin:12px 0}.checkout-qr p{font-size:12px;color:#665f53;line-height:1.5;margin:8px 0}

/* Immersive reader: one canvas, quiet chapter controls, bottom page tabs. */
body[data-view=read]{background:#f8f4ec}
body[data-view=read]>.site-footer{display:none}
body[data-view=read]>#main{overflow:hidden}
body[data-view=read]>header{background:#f8f4ec}
body[data-view=read] .reader-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;background:radial-gradient(ellipse at 50% 25%,#fffdf8,#f4eee3)}
body[data-view=read] .reading{width:100%;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0;padding:22px max(5vw,calc((100vw - 1160px)/2)) 40px;animation:reader-arrive .4s ease both;transition:opacity .24s ease}
body[data-view=read] .reading.reader-leaving{opacity:0;animation:none}
body[data-view=read] .reading-toolbar{border:0;gap:22px;padding:0 0 8px}
body[data-view=read] .reading-toolbar>span{margin-right:auto;font-size:10px;letter-spacing:.18em}
body[data-view=read] .reading-toolbar button,body[data-view=read] .reading>.actions button{font-size:11px;text-decoration:none;color:#796442}
body[data-view=read] .reading>.actions{margin:0;justify-content:flex-end;gap:20px}
body[data-view=read] #save-status{font-size:11px;margin:0;color:#767166}
body[data-view=read] #reader-body{padding-top:clamp(22px,3.5vh,40px)}
body[data-view=read] #reader-body>.eyebrow{font-size:10px;letter-spacing:.23em}
body[data-view=read] .reading h1{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(42px,5.3vw,76px);line-height:1.12;margin:24px 0 24px;letter-spacing:-.04em}
body[data-view=read] .voice{margin-bottom:clamp(24px,3vh,36px);font-size:12px}
body[data-view=read] .prose{font-size:clamp(19px,1.5vw,23px);line-height:1.8;color:#39342d}
body[data-view=read] .prose p{margin-bottom:1.15em}
body[data-view=read] .large .prose{font-size:26px}
body[data-view=read] .reflection textarea{background:#fffdf780;border:0;border-bottom:1px solid #bba887;border-radius:0;padding:18px;min-height:150px}
body[data-view=read] .reader-bottom{margin-top:32px;border-color:#d9cdb8}
body[data-view=read] .reader-bottom button{border-radius:0;font-size:12px;letter-spacing:.05em}
.reader-dock{display:block;padding:14px 4vw max(12px,env(safe-area-inset-bottom));background:#f8f4ec;border-top:1px solid #ddd1bc;min-width:0}
.reader-dock-meta{display:flex;align-items:center;gap:28px;margin-bottom:10px;color:#787063;font-size:10px;letter-spacing:.08em}
.reader-dock-meta label{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.16em;color:#8a6b36}
.reader-dock-meta select{width:260px;max-width:45vw;background:transparent;border:0;padding:5px 20px 5px 0;font-size:12px;letter-spacing:0;color:#332c23}
.reader-page-count{margin-left:auto}
.reader-dock .moment-list{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c6b391 transparent;padding:4px 2px}
.reader-dock .moment-list button{flex:1 0 44px;min-width:44px;min-height:44px;border:1px solid transparent;border-radius:0;justify-content:center;padding:8px 12px;color:#817561;font-size:11px;gap:10px}
.reader-dock .moment-list button.active{background:#27231e;color:#f7eddb;border:1px solid #a88a54}
.reader-dock .moment-list button:hover{border-color:#bca780}
.reader-dock .tab-title{display:none}
.reader-dock .active .tab-title{display:none}
@keyframes reader-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:600px){
 body[data-view=read] .reading{padding:20px 7vw 40px}
 body[data-view=read] header .brand{font-size:11px;letter-spacing:.03em}
 body[data-view=read] header .brand small{font-size:8px}
 body[data-view=read] header nav{gap:10px}
 body[data-view=read] header nav a,body[data-view=read] header nav button{font-size:10px}
 body[data-view=read] .reading-toolbar{gap:12px}
 .reader-dock{padding:10px 5vw max(10px,env(safe-area-inset-bottom))}
 .reader-dock-meta{gap:10px;margin-bottom:5px}
 .reader-dock-meta label{font-size:0;gap:0}
 .reader-dock-meta select{font-size:11px;width:180px;max-width:43vw}
 .reader-dock-meta>span{font-size:9px;letter-spacing:0}
 .reader-dock .active .tab-title{display:none}
}
@media(prefers-reduced-motion:reduce){body[data-view=read] .reading{animation:none;transition:none}}

/* Balanced editorial width and evenly distributed page navigation. */
body[data-view=read] .reading-toolbar{padding-bottom:12px;border-bottom:1px solid #ddd1bc}
body[data-view=read] #save-status{padding-top:7px}
body[data-view=read] .reading h1{margin-top:18px;margin-bottom:20px}
body[data-view=read] .reader-dock .moment-list{gap:0;padding:5px 0;width:100%}
body[data-view=read] .reader-dock .moment-list button{border-top:2px solid #d9cdb8;border-right:1px solid #e6dccb;background:transparent;min-height:48px;color:#796a54}
body[data-view=read] .reader-dock .moment-list button:last-child{border-right:0}
body[data-view=read] .reader-dock .moment-list button.active{background:#29241e;border-top-color:#b99a61;color:#fff5df}
body[data-view=read] .reader-dock .moment-list button:hover:not(.active){background:#eee5d6;border-top-color:#9b7940}
body[data-view=read] .reader-dock-meta{justify-content:space-between}
body[data-view=read] .reader-page-count{margin-left:0}
@media(min-width:1500px){body[data-view=read] .prose{font-size:24px}}
@media(max-width:600px){body[data-view=read] .reading{padding:18px 6vw 30px}body[data-view=read] #reader-body{padding-top:24px}}

/* Optional reader night palette. */
body[data-view=read].reader-dark{--paper:#1b1a18;--ink:#f2ece2;--muted:#beb5a6;--gold:#d4b47e;--line:#51493c;color-scheme:dark;background:var(--paper);color:var(--ink)}
body[data-view=read].reader-dark>header{background:#1b1a18;border-color:#51493c;color:#f2ece2}
body[data-view=read].reader-dark .reader-layout{background:radial-gradient(ellipse at 50% 25%,#26231f,#191816)}
body[data-view=read].reader-dark .prose{color:#e3dbce}
body[data-view=read].reader-dark .reading-toolbar{border-color:#51493c}
body[data-view=read].reader-dark .reading-toolbar button,body[data-view=read].reader-dark .reading>.actions button,body[data-view=read].reader-dark .voice{color:#d4b47e}
body[data-view=read].reader-dark #save-status{color:#beb5a6}
body[data-view=read].reader-dark .reader-dock{background:#1b1a18;border-color:#51493c}
body[data-view=read].reader-dark .reader-dock-meta{color:#beb5a6}
body[data-view=read].reader-dark .reader-dock-meta label{color:#d4b47e}
body[data-view=read].reader-dark .reader-dock-meta select{color:#f2ece2}
body[data-view=read].reader-dark select option{background:#24211d;color:#f2ece2}
body[data-view=read].reader-dark .reader-dock .moment-list button{color:#c4b9a6;border-color:#51493c;background:transparent}
body[data-view=read].reader-dark .reader-dock .moment-list button.active{background:#dfc395;color:#201c17;border-top-color:#f6dfb6}
body[data-view=read].reader-dark .reader-dock .moment-list button:hover:not(.active){background:#383127;border-color:#b89a67}
body[data-view=read].reader-dark .reflection textarea,body[data-view=read].reader-dark input{background:#28241f;color:#f2ece2;border-color:#8f7958}
body[data-view=read].reader-dark textarea::placeholder{color:#b8ad9d}
body[data-view=read].reader-dark .recall,body[data-view=read].reader-dark .notice{background:#332d24;color:#eee4d5}
body[data-view=read].reader-dark .reader-bottom{border-color:#51493c}
body[data-view=read].reader-dark dialog{background:#24211d;color:#f2ece2}
body[data-view=read].reader-dark .error{color:#ffb5a5}
@media(max-width:600px){body[data-view=read] .reading-toolbar{flex-wrap:wrap;gap:8px 16px}body[data-view=read] .reading-toolbar>span{flex-basis:100%}}

/* Compact mobile chrome, including embedded browsers such as Messenger. */
@media(max-width:600px){
 body[data-view]{height:100dvh}
 body[data-view]>header{min-height:52px;padding:6px 4vw;gap:10px;align-items:center}
 body[data-view]>header .brand{font-size:10px;font-weight:600;letter-spacing:.015em;line-height:1.3;white-space:nowrap;flex:0 1 auto}
 body[data-view]>header .brand small{display:none}
 body[data-view]>header nav{gap:10px;flex-wrap:nowrap;align-items:center;justify-content:flex-end}
 body[data-view]>header nav>a{font-size:10px;line-height:1.2;white-space:nowrap}
 body[data-view]>header nav #account{font-size:10px;padding:6px 8px;min-height:36px;white-space:nowrap;border:0;background:transparent;color:inherit}
 body[data-view]>.site-footer{min-height:30px;padding:6px 4vw;gap:0;justify-content:center;flex-wrap:nowrap;font-size:9px;line-height:1.5;letter-spacing:.04em}
 body[data-view]>.site-footer>span:first-child{display:none}
 body[data-view]>.site-footer>span:last-child{white-space:nowrap}
 body[data-view=home] header .book-sound{padding-right:8px}
 body[data-view=home] header .book-sound-toggle{min-height:22px}
 body[data-view=home] header .book-sound>a{font-size:6px}
 body[data-view=read] .reader-dock{padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}
 body[data-view=read] .reader-dock-meta{margin-bottom:0}
 body[data-view=read] .reader-dock .moment-list{padding:2px 0}
 body[data-view=read] .reader-dock .moment-list button{min-height:36px;padding:5px 8px}
 .checkout-head{padding-top:10px;padding-bottom:16px}
 .checkout-head h1{font-size:clamp(34px,9vw,44px);line-height:1.1;margin:10px 0 14px}
 .checkout-head>.eyebrow{font-size:9px;letter-spacing:.12em}
 .checkout-head>p:last-child{font-size:15px;line-height:1.65}
}
@media(max-width:360px){
 body[data-view]>header{padding-inline:3vw;gap:6px}
 body[data-view]>header .brand{font-size:9px}
 body[data-view]>header nav{gap:7px}
 body[data-view]>header nav>a,body[data-view]>header nav #account{font-size:9px}
}

/* Purchase form on the book landing page. */
.checkout-popup{width:min(1120px,calc(100vw - 32px));max-width:none;height:min(900px,90dvh);max-height:90dvh;padding:0;border:1px solid #cdb990;border-radius:0;background:#f8f4ec;color:#302b24;overflow:hidden}
.checkout-popup[open]{display:flex;flex-direction:column}
.checkout-popup::backdrop{background:rgba(25,22,18,.55);backdrop-filter:blur(5px)}
.checkout-popup-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid #d7cbbb;flex:none}
.checkout-popup-top span{font-size:14px;letter-spacing:.13em;color:#806039}
.checkout-popup-top button{width:44px;height:44px;padding:0;background:transparent;color:#302b24;border:1px solid #cdb990}
.checkout-popup-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1}
.checkout-popup .checkout-page{width:100%;max-width:none;padding:20px 28px 40px}
@media(max-width:600px){.checkout-popup{width:calc(100vw - 16px);height:94dvh;max-height:94dvh}.checkout-popup .checkout-page{padding:12px 16px 28px}.checkout-popup-top{padding:12px 16px}.checkout-popup .checkout-head h1{font-size:40px}}

/* A quiet family portrait at the close of the final day. */
.family-portrait{width:100%;max-width:740px;margin:clamp(36px,6vw,72px) auto;break-inside:avoid}
.family-portrait img{display:block;width:100%;height:auto;border:1px solid var(--line,#d9cdb8)}
.family-portrait figcaption{margin:18px 0 0;text-align:center;font:400 12px/1.8 'DM Sans',sans-serif;letter-spacing:.09em;color:var(--muted,#787063);text-wrap:balance}
@media(max-width:600px){.family-portrait{margin:36px auto}.family-portrait figcaption{font-size:11px;letter-spacing:.05em;padding:0 8px}}

/* Closing reader invitation and private testimonial form. */
.testimonial-invitation{max-width:780px;margin:64px auto 12px;padding:44px 0 8px;border-top:1px solid var(--line,#d9cdb8);text-align:center}
.testimonial-invitation h2{font-family:var(--serif,Georgia,serif);font-size:clamp(30px,4vw,48px);line-height:1.2;font-weight:400;margin:18px 0}
.testimonial-invitation>p:not(.eyebrow){max-width:620px;margin:20px auto;line-height:1.8}
.testimonial-invitation button{margin:8px 0;border-radius:0}
.testimonial-dialog{width:min(660px,calc(100vw - 32px));max-width:660px;max-height:90dvh;overflow:auto;padding:clamp(24px,5vw,48px);background:var(--paper,#f8f4ec);color:var(--ink,#29251f);border:1px solid var(--line,#cdbb9a);border-radius:0}
.testimonial-dialog::backdrop{background:#1b1814a6;backdrop-filter:blur(5px)}
.testimonial-dialog h2{font:400 clamp(30px,4vw,42px)/1.2 Georgia,serif;margin:18px 0}
.testimonial-dialog .eyebrow{padding-right:28px}
.testimonial-dialog textarea{width:100%;resize:vertical;min-height:170px}
.testimonial-dialog .testimonial-consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;font-weight:400}
.testimonial-consent input{width:18px;height:18px;flex:none;margin-top:4px}
.testimonial-dialog .testimonial-intro{line-height:1.7;margin-bottom:24px}
.testimonial-dialog .status{line-height:1.6}

/* Publication support: quiet navigation, no floating widget. */
header nav .reader-support-entry{font-size:11px;padding:6px 0;white-space:nowrap;color:inherit;text-decoration:none}
.reader-support-dialog{width:min(600px,calc(100vw - 28px));max-width:600px;max-height:90dvh;overflow:auto;padding:clamp(24px,4vw,42px);border:1px solid var(--line,#cdbb9a);border-radius:0;background:var(--paper,#f8f4ec);color:var(--ink,#29251f)}
.reader-support-dialog::backdrop{background:#1b18149c;backdrop-filter:blur(4px)}
.reader-support-dialog h2{font:400 clamp(32px,5vw,44px)/1.2 Georgia,serif;margin:18px 0}
.reader-support-dialog .eyebrow{padding-right:24px}
.reader-support-dialog label{display:block;font-size:13px;margin:20px 0 10px}
.reader-support-dialog select,.reader-support-dialog textarea{width:100%;margin-top:8px}
.reader-support-dialog textarea{font:400 13px/1.7 'DM Sans',sans-serif;min-height:160px;resize:vertical}
.support-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.support-actions>*{border-radius:0;min-height:44px}
body[data-view=home] [data-reader-support]{color:inherit}
@media(max-width:600px){body[data-view]>header nav{gap:8px;flex-wrap:wrap}header nav .reader-support-entry{font-size:9px!important;padding:4px 0}.reader-support-dialog{max-height:92dvh}.support-actions>*{width:100%;text-align:center}}