/* Public pages share the reader's Night / Paper palette. */
body.site-page,body.landing-body,body.public-page{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
.site-shell{max-width:1160px;margin:auto;padding:0 32px}
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);position:relative;z-index:2}
.site-nav>div,.site-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.site-nav a,.site-footer a,.site-books a{color:var(--ink);text-decoration:none}
.site-brand{font:32px Georgia,serif;letter-spacing:-1px}
.site-button,.site-theme{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:var(--button-radius,6px);padding:8px 18px;color:var(--ink);background:var(--surface);font:inherit;text-decoration:none;cursor:pointer;box-sizing:border-box}
.site-theme{background:transparent}
.site-menu-toggle{display:none}
.site-mobile-links{display:contents}
@media(min-width:761px){.site-nav-collapsible .site-mobile-links{order:-1}}
@media(max-width:760px){
  .site-nav.site-nav-collapsible{align-items:center;gap:10px;padding:16px 0}
  .site-nav.site-nav-collapsible>div{gap:8px;flex-wrap:nowrap}
  .site-nav-collapsible .site-open-app{white-space:nowrap;font-size:13px;padding:6px 10px}
  .site-nav-collapsible .site-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--ink);cursor:pointer}
  .site-menu-lines{position:relative;display:block;width:20px;height:12px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
  .site-menu-lines:after{content:'';position:absolute;left:0;right:0;top:4px;border-top:1.5px solid currentColor}
  .site-menu-open .site-menu-lines{height:0;border-bottom:0;transform:rotate(45deg)}
  .site-menu-open .site-menu-lines:after{top:-1.5px;transform:rotate(90deg)}
  .site-nav-collapsible .site-mobile-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:16px 20px 24px;border:1px solid var(--line);border-top:0;box-shadow:0 18px 24px #0002}
  .site-nav-collapsible.site-menu-open .site-mobile-links{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .site-mobile-links>a{padding:13px 0;font:24px/1.4 Georgia,serif;border-bottom:1px solid var(--line)}
  .site-mobile-links .site-theme{align-self:flex-start;margin-top:18px;min-height:44px}
}
.site-page a{color:var(--ink)}
.site-page :focus-visible,.site-nav :focus-visible,.site-footer :focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.site-skip{position:absolute;left:16px;top:-100px;z-index:10;background:var(--surface);padding:12px}.site-skip:focus{top:12px}
.site-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;padding:80px 0 100px}
.site-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.site-page h1,.site-page h2,.site-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;letter-spacing:-.03em}
.site-page h1{font-size:clamp(42px,5vw,68px);margin:0 0 28px}.site-page h2{font-size:36px;margin:0 0 24px}.site-lede{font-size:18px;color:var(--muted);max-width:480px;margin-bottom:32px}.site-small{font-size:12px;color:var(--muted);margin-top:20px}
.site-reader{border:1px solid var(--line);border-radius:8px;min-height:480px;padding:24px 28px;display:flex;flex-direction:column;background:var(--surface)}
.site-reader-head,.site-reader-foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}
.site-reader-head span:first-child{text-transform:uppercase;letter-spacing:.12em}.site-reader-head span:last-child{font:24px Georgia,serif}
#demoSentence{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font:30px/1.5 Georgia,serif;min-height:240px;margin:24px 0}
.site-reader-foot button{font:30px Georgia,serif;background:transparent;border:0;color:var(--ink);width:48px;height:48px;cursor:pointer}.site-reader-foot button:disabled{opacity:.25;cursor:default}.site-reader>small{text-align:center;color:var(--muted);font-size:11px;margin-top:18px}
.site-section{padding:64px 0;border-top:1px solid var(--line)}.site-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.site-section-heading h2{margin:0}.site-section-heading .site-eyebrow{margin-top:0}
.site-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.site-books img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border:1px solid var(--line);box-sizing:border-box;filter:grayscale(1)}.site-books h3{font-size:21px;margin:16px 0 8px}.site-books p{font-size:13px;color:var(--muted);margin:0}
.site-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.site-features h2{font-size:29px}.site-features article>p:last-child{color:var(--muted)}.site-end{text-align:center;padding:80px 0}
.site-footer{border-top:1px solid var(--line);padding:32px 0 44px;display:flex;gap:32px;justify-content:space-between;color:var(--muted);font-size:13px}.site-footer>span{font:24px Georgia,serif;color:var(--ink)}.site-footer small{display:block;font:12px Arial,sans-serif;margin-top:10px;color:var(--muted)}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.site-prose{max-width:730px;margin:72px auto 96px}.site-prose h1{font-size:48px}.site-prose h2{font-size:27px;margin:40px 0 16px}.site-prose p,.site-prose li{color:var(--muted)}
.site-rewards p{max-width:720px;color:var(--muted);font-size:17px}.site-rewards a{display:inline-block;margin-top:12px}
.book-page{padding:40px 0}.book-page-heading{display:grid;grid-template-columns:minmax(160px,280px) minmax(0,1fr);gap:56px;margin:40px 0}.book-page-heading>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.book-page h1{font-size:clamp(32px,4vw,54px);overflow-wrap:anywhere}.book-page dl{display:grid;grid-template-columns:auto 1fr;gap:8px 24px;margin:28px 0}.book-page dd{margin:0;color:var(--muted)}.book-page-sample{max-width:760px;margin:60px auto}.book-page blockquote{margin:0;font:20px/1.8 Georgia,serif;white-space:pre-line}.book-directory li{margin:18px 0}.book-directory span{display:block;font-size:13px;color:var(--muted)}a.book-card{text-decoration:none;color:inherit}
@media(max-width:650px){.book-page-heading{grid-template-columns:1fr;gap:28px}.book-page-heading>img{max-width:200px;margin:auto}}
.landing-page,.public-shell{max-width:1160px;margin:auto;padding:0 32px}.landing-surface,.landing-card,.landing-side-card,.landing-value-item,.landing-final-cta,.public-content{background:var(--surface)!important;box-shadow:none!important;border-color:var(--line)!important;color:var(--ink)!important;border-radius:8px}
.landing-body h1,.landing-body h2,.landing-body h3,.public-page h1,.public-page h2{color:var(--ink)!important}.landing-copy,.landing-card p,.landing-card li,.public-content p,.public-content li{color:var(--muted)!important}.landing-body a,.public-page a{color:var(--ink)}.landing-body .primary-cta,.landing-body .secondary-cta{background:var(--surface);border:1px solid var(--line);color:var(--ink);box-shadow:none}.landing-stat,.landing-eyebrow,.eyebrow{color:var(--muted)!important}.landing-stat{background:var(--surface)!important;border-color:var(--line)!important}.marketplace-page>.site-footer{max-width:1320px;margin:24px auto;padding:32px 24px}
@media(max-width:760px){.site-shell,.landing-page,.public-shell{padding:0 22px}.site-nav{gap:16px;padding:20px 0;align-items:flex-start}.site-nav>div{gap:12px;justify-content:flex-end}.site-nav>div>a:not(.site-button){font-size:13px}.site-brand{font-size:28px}.site-nav .site-button,.site-theme{font-size:13px;padding:6px 12px}.site-hero{grid-template-columns:1fr;gap:44px;padding:52px 0}.site-reader{min-height:400px}.site-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.site-section-heading{display:block}.site-section-heading>a{display:inline-block;margin-top:20px}.site-features{grid-template-columns:1fr;gap:28px}.site-section{padding:44px 0}.site-footer{flex-direction:column}.site-footer nav{gap:16px}.site-prose{margin:48px auto 64px}.site-prose h1{font-size:38px}.site-page h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.demo-stream{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:340px;touch-action:auto;outline-offset:6px;overflow:hidden}
.demo-stream #demoSentence{flex:none;min-height:160px;font-size:28px;margin:18px 0}
#demoBefore,#demoAfter{font:16px/1.5 Georgia,serif;color:var(--muted);opacity:1;text-align:center;height:48px;overflow:hidden;margin:0}
#demoAfter{mask-image:none}
.demo-playback{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;color:var(--muted)}
.demo-playback small{font-size:11px}.demo-playback button{font:12px Arial,sans-serif;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:4px;min-height:44px;padding:8px 14px;cursor:pointer}
/* Autoplay preview leaves touch scrolling and pinch zoom to the page. */
@media(max-width:760px){.site-reader-foot #demoPrevious,.site-reader-foot #demoNext{display:none}.site-reader-foot{justify-content:center}}
.site-reader{position:relative;isolation:isolate;min-width:0;border-radius:18px;border-color:color-mix(in srgb,var(--ink) 20%,transparent);background:radial-gradient(ellipse at 90% 0%,#c5a46918,transparent 62%),var(--surface);box-shadow:0 1px 0 #ffffff14 inset,0 22px 65px #0003,0 8px 0 -3px var(--bg),0 9px 0 -3px var(--line),0 16px 0 -6px var(--bg),0 17px 0 -6px var(--line)}
.site-reader::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,#88888809 3px 4px)}
.site-reader-head span:last-child{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:5px;font-size:20px}
.demo-stream{position:relative;perspective:900px}
.demo-stream #demoSentence,.demo-stream .demo-outgoing{text-shadow:0 2px 16px #0001;overflow-wrap:break-word}
.demo-stream .demo-outgoing{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;font:28px/1.5 Georgia,serif;margin:0;pointer-events:none}
#demoBefore,#demoAfter{opacity:.65;mask-image:linear-gradient(0deg,transparent,#000 25% 75%,transparent)}
.demo-progress{display:flex;gap:7px;margin:12px 0 4px}
.demo-progress>span{height:2px;flex:1;background:var(--line);overflow:hidden}
.demo-progress i{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}
.demo-progress [data-state=read] i{transform:scaleX(1);opacity:.5}
.site-reader[data-playing=false] .demo-progress [data-state=current] i{transform:scaleX(1)}
@media(max-width:420px){.site-reader{padding:20px 18px}.demo-stream #demoSentence,.demo-stream .demo-outgoing{font-size:25px}.demo-playback{gap:8px}}
.site-books a img{transition:transform 900ms cubic-bezier(.22,1,.36,1),filter 900ms ease}.site-books a:hover img,.site-books a:focus-visible img{transform:translateY(-5px);filter:grayscale(0)}
.book-page-heading>img{filter:grayscale(1);transition:filter 320ms ease}
.book-page-heading:hover>img,.book-page-heading:focus-within>img{filter:grayscale(0)}
@media(prefers-reduced-motion:reduce){.site-books a img{transition:none}.site-books a:hover img,.site-books a:focus-visible img{transform:none}}
@media(max-width:760px){.marketplace-page .market-header{grid-template-columns:minmax(0,1fr) auto;gap:16px}.marketplace-page .market-search{grid-column:1/-1;grid-row:2;min-width:0;width:100%}.marketplace-page .market-search input{min-width:0;width:100%;box-sizing:border-box}.marketplace-page .market-header nav{grid-column:2;grid-row:1}}

.site-watch{padding:56px 0 32px}.site-watch>p{max-width:640px;color:var(--muted)}.site-demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#22231f;border:1px solid var(--line);border-radius:8px;margin:28px 0 20px}.site-demo-link{display:block;max-width:820px}.site-demo-link img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}

@media(max-width:650px){.site-demo-video{aspect-ratio:9/16}}
/* FAQ answers remain readable and crawlable without JavaScript. */
.faq>section{margin-top:48px;scroll-margin-top:24px}.faq section section{scroll-margin-top:24px;margin-top:28px}.faq h3{font:24px/1.3 Georgia,serif}.faq h3 a{color:inherit;text-decoration:none}.faq h3 a:hover{text-decoration:underline}.faq nav{line-height:2}.faq-icon{display:flex;align-items:center;gap:18px;margin:24px 0}.faq-icon img{border-radius:18px}.faq-icon small{color:var(--muted)}
/* Book discovery and a clear handoff into reading. */
.book-access-label{font:600 12px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.book-entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:24px}
.book-sample-link{padding:12px 0;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.book-entry-note{color:var(--muted);font-size:14px;line-height:1.6;margin-top:16px}
.book-page-sample{scroll-margin-top:32px;border-top:1px solid var(--line);padding-top:32px}
.book-page-sample blockquote{margin:24px 0 32px}
.book-page-sample:focus{outline:none}.book-page-sample:focus-visible{outline:2px solid currentColor;outline-offset:8px}
.book-card-facts{font-size:12px!important;line-height:1.5}
@media(max-width:650px){.book-page-heading{margin-top:24px}.book-page-heading>img{max-width:160px}.book-entry-actions{align-items:stretch}.book-entry-actions>.site-button{width:100%;text-align:center;justify-content:center}.book-page dl{gap:10px 16px}}

/* Hide scrollbar chrome while preserving native scrolling and keyboard access. */
html,body,body *{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

.shelf-navigation{display:flex;align-items:center;gap:8px}.shelf-navigation button[data-shelf-step]{min-width:44px;min-height:44px;font-size:20px;padding:4px;border:1px solid var(--line);border-radius:50%;background:transparent;color:inherit}.shelf-navigation button:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.site-button:hover,.site-theme:hover{background:var(--line)}
.site-button:focus-visible,.site-theme:focus-visible{outline:2px solid currentColor;outline-offset:4px}
/* A consistent editorial finish across public pages, including generated books. */
.site-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
.site-page .site-shell{max-width:1200px}
.site-page .site-nav{padding:26px 0}.site-page .site-nav a:not(.site-brand){font-size:13px;font-weight:500}
.site-page .site-brand{font-size:34px;letter-spacing:-1.5px}
.site-page .site-button{min-height:48px;padding:11px 22px;border-radius:9px;font:600 13px/1.5 system-ui,sans-serif;background:var(--ink);color:var(--bg);border-color:var(--ink)}
.site-page .site-button:hover{background:var(--muted);border-color:var(--muted)}
.site-page .site-theme{border-radius:9px;font-size:12px}
.site-page .site-prose{max-width:720px;padding:0 0 20px}.site-page .site-prose h1{font-size:clamp(42px,6vw,66px);letter-spacing:-.04em}.site-page .site-prose h2{margin-top:48px}.site-page .site-prose p,.site-page .site-prose li{font-size:16px;line-height:1.85}
.site-page .book-page-heading{padding:30px 0 50px;border-bottom:1px solid var(--line);align-items:center}.site-page .book-page-heading>img{border-radius:3px 9px 9px 3px;box-shadow:10px 20px 40px #0002;max-width:250px}.site-page .book-page dl{font-size:13px;line-height:1.8}.site-page .book-page-sample{padding:32px 0}.site-page .book-page blockquote{font-size:23px;line-height:1.8}
.site-page .site-footer{margin-top:24px;padding-top:32px}.site-page .site-footer a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.site-page .site-nav{padding:18px 0}.site-page .site-button{padding:10px 16px}.site-page .book-page-heading{gap:28px}.site-page .book-page blockquote{font-size:20px}}
body.landing-body,body.public-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--control-line,var(--accent-soft))}
.purchase-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0;margin-top:36px;color:var(--muted);font-size:12px}.purchase-footer nav{display:flex;gap:20px;flex-wrap:wrap}.purchase-footer a{text-underline-offset:4px}
.site-footer nav a,.purchase-footer nav a{display:inline-flex;align-items:center;min-height:44px}
.reading-sample{min-width:0;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.reading-sample h2{font:normal 28px/1.2 Georgia,serif;margin:8px 0;overflow-wrap:anywhere}
.reading-sample-author{font-size:14px;color:var(--muted);margin:0}
.reading-sample-passage{min-height:240px;display:flex;flex-direction:column;justify-content:center;padding:24px 0;outline-offset:6px}
.reading-sample [data-sample-text]{font:22px/1.6 Georgia,serif;margin:0;overflow-wrap:anywhere}
.reading-sample [data-sample-translation]{font:16px/1.7 system-ui,sans-serif;color:var(--muted);margin:20px 0 0}
.reading-sample-controls{display:flex;align-items:center;justify-content:space-between;margin:12px 0 24px;font-size:13px;color:var(--muted)}
.reading-sample button{min-width:48px;min-height:48px;border:1px solid var(--control-line);border-radius:9px;background:transparent;color:var(--ink);font:16px system-ui,sans-serif;padding:8px 14px;cursor:pointer}
.reading-sample button:disabled{color:var(--muted);border-color:var(--line);cursor:default}
.reading-sample :focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.reading-sample [hidden]{display:none!important}
.reading-sample .site-button{display:flex;justify-content:center;min-height:48px;text-align:center}
.guide-body>.reading-sample{margin:32px 0}
@media(max-width:420px){.reading-sample{padding:20px}.reading-sample [data-sample-text]{font-size:20px}.reading-sample-passage{min-height:260px}}