/* Shared rhythm and controls for the native pages. */
:root{--content-gap:24px}
body{overflow-wrap:break-word}
button,a.button,a.outline-button{min-height:44px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.shell{max-width:1200px}
.hero{padding-top:42px;padding-bottom:56px;gap:40px}
.hero h1{font-size:var(--text-h2);line-height:1.08}
.hero-sub{max-width:48ch;font-size:var(--text-small)}
.hero-visual{padding-bottom:0}
.hero-visual>img{border-radius:16px;aspect-ratio:1.15}
.image-caption{bottom:22px}
.section{padding-top:64px;padding-bottom:64px}
.section-heading h2,.closing h2{font-size:var(--text-h2)}
.section-heading{max-width:660px;margin-inline:auto}
.eyebrow{letter-spacing:.09em}
.steps h3{font-size:var(--text-h3)}.steps p{font-size:var(--text-small)}
.story-copy h2{font-size:var(--text-h2)}
.story-copy .feature-list{margin-top:24px}
.mobile-buy{display:none}
.footer{padding-bottom:36px}
.account-page{max-width:960px}.account-page h1,.workspace h1{font-size:var(--text-h2)}
.welcome-card,.manual-panel{box-shadow:none}
.workspace{min-width:0}.workspace>.intro,.project-heading .intro{max-width:65ch}
.sidebar-bottom{border-top:0}.sidebar-bottom p{font-size:var(--text-small)}
.manual-panel{padding:28px;scroll-margin-top:20px}

.manual-version-actions{display:flex;flex-wrap:wrap;gap:8px}


.manual-book-section{padding-block:28px}
.manual-review textarea{width:100%;box-sizing:border-box}
.manual-review-details{margin-top:18px}.manual-review-details>summary{padding:8px 0;font-family:var(--font-body);font-size:var(--text-small)}
.book-section{scroll-margin-top:24px}
.completion-options>summary{cursor:pointer;padding:14px 0;color:var(--accent);font-size:var(--text-small);min-height:44px}
@media(max-width:800px){
 .hero{padding-top:28px;gap:28px}.hero-visual>img{aspect-ratio:1.3}.hero-assurance{flex-wrap:wrap}
 .section{padding-block:44px}.shell{width:calc(100% - 36px)}.footer{padding-bottom:28px}
 .manual-panel{padding:20px}.manual-book-heading{flex-direction:column}
 .manual-version-actions{gap:4px}
 .account-page{padding-inline:18px}.capture-area{gap:16px}
}
@media print{}
.workflow-inactive{display:none!important}
.workspace{overflow-anchor:none}
#new-project{box-sizing:border-box!important;inline-size:44px!important;block-size:44px!important;min-inline-size:44px!important;max-inline-size:44px!important;min-block-size:44px!important;max-block-size:44px!important;flex:0 0 44px!important;aspect-ratio:1/1!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;appearance:none;line-height:1!important}
#new-project>span{display:block;font:400 var(--text-question)/1 var(--font-body);transform:translateY(-1px)}
.workflow-steps{display:flex;gap:12px;margin:0 0 24px;padding:10px;background:var(--surface-raised);border:1px solid var(--line);border-radius:9px}
.workflow-step{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:10px 14px;background:transparent;border-radius:7px;color:var(--ink-muted);font-weight:600;text-align:left}
.workflow-step span{width:30px;height:30px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:var(--text-small)}
.workflow-step.active{background:var(--accent);color:var(--surface-raised)}
.draft-create-card{margin:22px 0;padding:22px;background:var(--surface-raised);border:1px solid var(--line);border-radius:9px}
.draft-privacy-note{max-width:68ch;margin-bottom:16px;color:var(--ink-muted);font-size:var(--text-small)}
.draft-animation{display:flex;align-items:center;gap:12px;margin-top:20px;padding:16px;border-radius:8px;background:var(--surface);color:var(--accent)}
.draft-animation p{margin:6px 0 0;color:var(--ink-muted);font-size:var(--text-small);line-height:1.5}
.book-loader{width:72px;height:52px;position:relative;display:block;perspective:240px;flex:none;isolation:isolate}
.book-loader .book-left,.book-loader .book-right,.book-loader i{position:absolute;top:5px;width:34px;height:42px;background:var(--surface-raised);border:1px solid var(--control-border);box-shadow:0 3px 0 var(--on-deep-muted)}
.book-loader .book-left{left:2px;border-radius:5px 0 0 5px;transform:skewY(5deg)}
.book-loader .book-right{left:36px;border-radius:0 5px 5px 0;transform:skewY(-5deg)}
.book-loader .book-left::after,.book-loader .book-right::after,.book-loader i::after{content:'';position:absolute;inset:10px 6px;background:repeating-linear-gradient(to bottom,transparent 0 5px,var(--on-deep-muted) 5px 6px)}
.book-loader i{left:36px;border-radius:0 5px 5px 0;transform-origin:left center;animation:book-page 2.4s ease-in-out infinite;box-shadow:none;backface-visibility:visible}
.book-loader i:nth-of-type(2){animation-delay:.8s}
.book-loader i:nth-of-type(3){animation-delay:1.6s}
@keyframes book-page{0%,12%{transform:rotateY(0deg);opacity:0}18%{opacity:1}68%{transform:rotateY(-180deg);opacity:1}76%,100%{transform:rotateY(-180deg);opacity:0}}



.book-page-frame{max-width:var(--draft-page-width);margin:var(--space-6) auto}
.manual-book-section[hidden]{display:none!important}
.manual-book-section{display:block;box-sizing:border-box;width:100%;height:var(--draft-page-height);min-height:0;padding:var(--draft-page-padding) var(--draft-page-gutter);border:var(--border-card) solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--shadow-book);overflow:auto}
.book-page-content{display:flow-root}
.manual-book-section h3{font:var(--text-question)/var(--leading-heading) var(--font-display);color:var(--accent-ink);margin:0 0 var(--space-6)}
.book-continuation{display:block;font:var(--text-small)/1.5 var(--font-body);color:var(--ink-muted);margin-top:4px}
.book-page-content p{white-space:pre-wrap;font:var(--text-body)/var(--draft-leading) var(--font-display);color:var(--ink);margin:0 0 var(--draft-paragraph-gap);overflow-wrap:anywhere}
.book-page-content .book-page-caption{font-size:var(--text-small);line-height:1.6;color:var(--ink-muted)}
.book-page-content .book-page-photo{display:block;width:100%;height:var(--draft-photo-height);object-fit:contain;margin:0 auto var(--space-4)}
.book-page-accessible-overflow{overflow:auto}
#manual-page-reference{font:var(--text-small)/1.6 var(--font-body);color:var(--ink-muted);min-height:21px;margin-top:14px}
#manual-book-review{max-width:650px;margin:0 auto}
.book-page-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.book-page-navigation span{color:var(--ink-muted);font-size:var(--text-small)}
@media(max-width:760px){.workflow-steps{display:grid;grid-template-columns:1fr}.workflow-step{justify-content:flex-start}.draft-animation{align-items:flex-start;flex-wrap:wrap}.manual-book-section{height:var(--draft-page-height-mobile);padding:var(--space-6) var(--space-4)}.manual-book-section h3{font-size:var(--text-h3)}.book-page-content p{font-size:var(--text-body);line-height:var(--draft-leading)}.book-page-content .book-page-photo{height:var(--draft-photo-height-mobile)}.book-page-navigation{flex-wrap:wrap}.book-page-navigation span{order:-1;width:100%;text-align:center}.book-page-navigation .button,.book-page-navigation .outline-button{flex:1;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.book-loader i{animation:none;display:none}}

/* Compact reading workspace: optional tools stay closed until requested. */
.manual-panel>h2{margin:0 0 18px;font-size:var(--text-page-title)}
.draft-create-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 16px;padding:0;border:0;background:transparent}
.ai-method-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;max-width:460px;margin:0;flex:1 1 330px}
.ai-method-control label{margin:0;font-size:var(--text-small)}.ai-method-control select{font-size:var(--text-small);padding:10px;min-height:44px}.ai-method-control small{grid-column:2;color:var(--ink-muted);font-size:var(--text-small)}
.draft-animation,.draft-create-card>.manual-status{flex-basis:100%;margin:0}
.manual-status:empty,#pdf-status:empty,#book-readiness-note:empty{display:none}
.book-readiness{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin:12px 0;padding:10px 14px;border:0;border-radius:6px;background:var(--accent-soft)}
.book-readiness>p{flex:1 1 320px;margin:0;font:var(--text-small)/1.5 var(--font-body)}.book-readiness .quiet-button{font-size:var(--text-small);padding:8px 0;text-decoration:underline}
.manual-book{margin-top:16px;padding-top:16px}.manual-book-heading{align-items:center;gap:12px}.manual-book-heading h3{margin:0;font:var(--text-h3)/1.3 var(--font-display);color:var(--accent)}
.manual-book .manual-versions{margin:0;position:relative;flex:none}.manual-versions>summary{min-height:44px;display:flex;align-items:center;gap:8px}.manual-versions[open]{max-width:300px}.manual-versions>summary::before{content:'⌄'}
.manual-warning{margin:10px 0;padding:10px 14px;font-size:var(--text-small)}.book-page-frame{margin:18px auto 0}.book-page-navigation{flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.book-page-navigation button{font-size:var(--text-small);min-height:44px;padding:10px 12px}.book-page-navigation #manual-page-last{flex-basis:100%;text-align:center;padding:4px;min-height:44px}.book-page-navigation span{flex:1;text-align:center;white-space:nowrap}
.manual-book .manual-review-details,.manual-book .manual-book-tools{margin-top:8px}.manual-book-tools>summary{padding:8px 0;min-height:44px;display:flex;align-items:center;gap:8px}.manual-book-tools>summary::before{content:'⌄'}
.pdf-panel{margin:16px 0;padding:20px 28px}.pdf-panel h2{margin:0;font-size:var(--text-question)}.pdf-panel details{margin:12px 0;padding:0;border:0}.pdf-actions{margin-top:12px}
@media(max-width:600px){.manual-book-heading{flex-direction:row;align-items:center}.manual-book-heading h3{font-size:var(--text-path)}.draft-create-card>.button{width:100%}.ai-method-control{flex-basis:100%}.book-page-navigation span{order:0;width:auto;flex:1}.book-page-navigation .button,.book-page-navigation .outline-button{flex:0 1 auto}.book-page-navigation #manual-page-last{flex:1 1 100%}.pdf-panel{padding:20px}.book-readiness>p{flex-basis:100%}}

/* Equal side columns keep the page count centred when an end button is hidden. */
.book-page-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.book-page-navigation #manual-page-number{grid-column:2;grid-row:1;text-align:center;width:auto}
.book-page-navigation #manual-page-previous{grid-column:1;grid-row:1;justify-self:start;max-width:100%}
.book-page-navigation #manual-page-next{grid-column:3;grid-row:1;justify-self:end;max-width:100%}
@media(max-width:760px){
 .book-page-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}
 .book-page-navigation #manual-page-number{grid-column:1 / -1;grid-row:1;white-space:normal}
 .book-page-navigation #manual-page-previous{grid-column:1;grid-row:2;justify-self:stretch;text-align:center}
 .book-page-navigation #manual-page-next{grid-column:2;grid-row:2;justify-self:stretch;text-align:center}
}

/* A continuous correction must never be constrained by a reading page. */
.book-page-frame>nav[hidden],#manual-book-sections[hidden]{display:none!important}