/* Website reading scale. The embedded PWA keeps its original styles. */
:root{--phone-h:min(690px,calc(100dvh - 235px));--muted:#7c6b5e}
.site-header nav{font-size:14px;gap:28px}.language-button{font-size:13px}.action.small{font-size:14px;min-height:46px}
.chapter-content{width:min(1320px,calc(100% - 144px));padding:125px 0 123px}.two-columns{grid-template-columns:1.12fr 1fr;gap:58px}.eyebrow{font-size:12px;letter-spacing:.14em}
h1{font-size:clamp(46px,4.25vw,70px);line-height:1.5;margin:26px 0}h2{font-size:clamp(35px,3.35vw,52px);line-height:1.5}
.lead{font-size:18px;line-height:1.95;max-width:36em}.action{font-size:16px;min-height:58px}.text-action{font-size:16px}.quiet-note{font-size:13px;margin-top:22px}.actions{gap:28px;margin-top:30px}
.floating-note{width:250px;right:-18px;padding:22px 23px}.note-kicker{font-size:11px}.floating-note p{font-size:20px}.device-caption{font-size:11px}
.feature-layout,.install-layout,.faq-layout{gap:64px}.feature-copy h2{font-size:clamp(32px,3.05vw,47px)}.scenario-tabs button{font-size:15px;padding:10px 20px;min-height:46px}.story-paper{min-height:365px;padding:36px}.story-quote{font-size:clamp(24px,2.1vw,32px);line-height:1.8}.story-sign{font-size:13px}.feature-strip{gap:15px}.feature-strip b{font-size:14px}.feature-strip span{font-size:18px}
.theme-panel{width:min(1260px,calc(100% - 200px));grid-template-columns:1.15fr 1fr;gap:58px;padding:122px 0 132px}.theme-copy h3{font-size:clamp(48px,4.5vw,72px);line-height:1.4;margin:15px 0 13px}.theme-copy h4{font-size:26px;line-height:1.65;margin:24px 0 16px}.theme-copy .lead{font-size:18px;line-height:1.95}.theme-details{font-size:13px;gap:20px;margin-top:27px}.theme-details span{padding-top:12px}.theme-copy .text-action{margin-top:28px}.theme-hint{font-size:12px;bottom:99px}.theme-indicators button{width:44px;height:44px}.theme-indicators button[aria-pressed=true]:after{inset:10px}
.install-copy h2{font-size:clamp(35px,3.25vw,49px)}.environment-note{font-size:12px}.app-icon-block p{font-size:13px}.install-guide{padding:32px}.device-tabs{gap:26px}.device-tabs button{font-size:14px;min-height:48px}.device-panel{min-height:260px}.device-panel ol{gap:23px;margin-top:22px}.device-panel li{font-size:16px;line-height:1.85}.install-footnote{font-size:13px;line-height:1.8}.source-link{font-size:12px}
.faq-scroll summary{font-size:17px;min-height:72px;padding:19px 0}.faq-scroll details p{font-size:16px;line-height:1.9}.site-footer{height:87px;gap:24px}.footer-meta{font-size:11px;gap:5px;color:#806957}.legal-links{font-size:12px;gap:14px}.legal-links a{min-height:26px;display:flex;align-items:center}.chapter-nav{gap:22px}.chapter-nav button{font-size:14px;color:#8b7461;min-height:44px}.footer-controls>span:first-child{font-size:12px}.footer-controls button{width:38px;height:38px}.chapter-count{font-size:16px}
@media(min-width:1600px){.chapter-content{width:min(1440px,calc(100% - 220px))}.theme-panel{width:min(1360px,calc(100% - 250px))}.lead,.theme-copy .lead{font-size:20px}.theme-copy h4{font-size:29px}.story-paper{padding:44px}.story-quote{font-size:34px}}
@media(max-width:1200px) and (min-width:761px){.site-header,.site-footer{left:26px;right:26px}.chapter-content{width:calc(100% - 110px)}.two-columns,.feature-layout,.install-layout,.faq-layout{gap:32px}.lead,.theme-copy .lead{font-size:16px}.theme-panel{width:calc(100% - 160px);gap:26px}.theme-copy h4{font-size:23px}.theme-copy .lead br{display:none}.theme-indicators{left:20px}.theme-details{font-size:12px;gap:12px}.footer-controls>span:first-child{display:none}.chapter-nav{gap:18px}.chapter-nav button{font-size:13px}.legal-links{font-size:11px;gap:11px}.floating-note{right:-17px;width:215px}.floating-note p{font-size:18px}.story-paper{padding:28px}.story-quote{font-size:25px}.install-guide{padding:26px}.device-panel li{font-size:15px}.device-tabs{gap:20px}.feature-copy h2{font-size:33px}}
@media(max-height:800px) and (min-width:761px){:root{--phone-h:calc(100dvh - 200px)}.site-header{height:76px}.chapter-content,.theme-panel{padding-top:98px;padding-bottom:108px}h1{font-size:48px;margin:18px 0}h2{font-size:38px;margin:17px 0}.lead,.theme-copy .lead{font-size:16px;line-height:1.85}.theme-copy h3{font-size:50px}.theme-copy h4{font-size:23px;margin:15px 0}.theme-copy .text-action{margin-top:20px}.theme-details{margin-top:20px}.actions{margin-top:24px}.quiet-note{margin-top:15px}.story-paper{min-height:305px;padding:25px 29px}.story-quote{font-size:25px;margin:14px 0 22px}.feature-copy h2{font-size:34px}.scenario-tabs{margin-top:19px}.feature-strip{margin-top:22px;gap:11px}.install-copy h2{font-size:36px}.app-icon-block{margin-top:24px}.install-guide{padding:24px 28px}.device-panel{min-height:210px}.device-panel ol{gap:17px}.device-panel li{font-size:14px}.faq-scroll summary{font-size:16px;min-height:64px}.faq-scroll details p{font-size:15px}html[lang=en] h1{font-size:72px}html[lang=en] h2{font-size:48px}html[lang=en] .theme-copy h3{font-size:51px}.footer-controls>span:first-child{display:none}}

/* Five chapters remain horizontal; taller mobile content scrolls inside them. */
@media(max-width:760px){
 :root{--phone-h:430px;--top:calc(72px + env(safe-area-inset-top,0px));--bottom:calc(102px + env(safe-area-inset-bottom,0px))}
 .site-header{height:var(--top);padding-top:env(safe-area-inset-top,0px);left:20px;right:20px}.wordmark>span{font-size:30px}.wordmark img{width:37px;height:29px}.site-header nav{gap:9px}.nav-link{display:none}.language-button{padding:7px 10px;min-height:44px;font-size:13px}.language-label{display:none}.action.small{font-size:12px;padding:9px 14px;min-height:44px;gap:10px}
 .chapter-content{position:absolute;top:var(--top);bottom:var(--bottom);left:20px;right:20px;width:auto;height:auto;margin:0;padding:25px 0 34px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;align-content:start}.chapter-content::-webkit-scrollbar,.theme-panel::-webkit-scrollbar{display:none}.two-columns,.feature-layout,.install-layout,.faq-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:30px;align-items:start;text-align:left}
 .eyebrow,.intro-copy>.eyebrow{font-size:10px;letter-spacing:.12em}.intro-copy h1,h1{font-size:clamp(32px,8.7vw,43px);line-height:1.5;margin:17px 0 15px}.lead,.feature-copy .lead,.theme-copy .lead{font-size:15px;line-height:1.9}.lead br{display:none}.actions{gap:20px;margin-top:22px;flex-wrap:wrap}.action{font-size:14px;min-height:49px;padding:11px 21px;gap:22px}.text-action{font-size:13px;min-height:42px;display:inline-flex;align-items:center}.quiet-note{font-size:12px;margin-top:11px}
 .hero-stage{width:min(100%,380px);height:var(--phone-h);margin:3px auto 22px;transform:none}.home-slot .phone{transform:rotate(-2deg)}.floating-note{width:177px;right:1px;bottom:11%;padding:15px 16px}.note-kicker{font-size:9px;letter-spacing:0}.floating-note p{font-size:15px;line-height:1.8;margin-top:7px}.note-heart{font-size:17px;right:10px;bottom:3px}.stage-star{font-size:29px;top:9%;left:7%}.device-caption{font-size:10px;bottom:-25px}.halo{width:95%;height:61%}.halo-two{width:103%;height:65%}.phone-status{height:40px;max-height:40px}.pwa-viewport{inset:40px 0 0}.phone{padding:5px}.phone-display{border-width:2px}.chapter-watermark{bottom:110px;font-size:130px}
 .feature-copy h2,.install-copy h2,.faq-copy h2{font-size:clamp(27px,7.2vw,34px);line-height:1.55;margin:14px 0 17px}.scenario-tabs{gap:10px;margin:20px 0 4px}.scenario-tabs button{font-size:14px;min-height:44px;padding:9px 17px}.feature-copy>.text-action{margin-top:8px}.story-stage{width:100%;padding:2px 4px 0}.story-paper{padding:25px 24px;min-height:270px;transform:rotate(1deg)}.story-quote{font-size:23px;line-height:1.75;margin:18px 0 23px}.story-sign{font-size:12px}.feature-strip{gap:12px;margin:25px 3px 0}.feature-strip b{font-size:14px}.feature-strip span{font-size:17px}
 .theme-viewport{position:absolute;top:var(--top);bottom:calc(var(--bottom) + 34px);height:auto}.theme-panel{width:calc(100% - 68px);margin-left:48px;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:25px;padding:24px 0 27px;align-items:start;align-content:start;text-align:left;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.theme-copy{padding:0}.theme-copy>.eyebrow{font-size:10px;line-height:1.7}.theme-copy h3{font-size:38px;line-height:1.4;margin:13px 0 8px}.theme-copy h4{font-size:21px;line-height:1.65;margin:19px 0 12px}.theme-copy .lead{font-size:15px;line-height:1.9}.theme-copy .lead br{display:none}.theme-details{font-size:11px;gap:12px;margin-top:18px}.theme-details span{padding-top:9px}.theme-copy .text-action{font-size:13px;margin-top:14px;min-height:44px}.theme-visual{height:var(--phone-h);width:100%;margin:0 auto;align-self:start}.theme-index-big{font-size:125px;left:0;top:9%}.theme-visual:before{width:105%;height:70%}.theme-indicators{left:1px;gap:0;top:45%}.theme-indicators button{width:44px;height:44px}.theme-indicators button[aria-pressed=true]:after{inset:11px}.theme-hint{bottom:calc(var(--bottom) + 6px);left:50%;font-size:11px;gap:9px;width:calc(100% - 56px);justify-content:center;line-height:1.5}.theme-hint>span:first-child{font-size:14px;padding-right:9px}
 .install-copy>.action{margin-top:21px}.environment-note{font-size:12px;margin-top:10px}.app-icon-block{display:none}.install-guide{width:100%;padding:24px 22px}.guide-top .eyebrow{font-size:12px}.device-tabs{margin-top:16px;gap:21px;justify-content:space-between}.device-tabs button{font-size:13px;min-height:46px}.device-panel{min-height:0}.device-panel ol{gap:20px;margin:20px 0}.device-panel li{font-size:15px;gap:14px;line-height:1.8}.device-panel li>span{font-size:21px}.install-footnote{font-size:12px;line-height:1.8;padding-top:17px}.source-link{font-size:12px;min-height:36px;display:inline-flex;align-items:center;margin-top:5px}
 .faq-layout{gap:22px}.faq-copy>.text-action{margin-top:12px}.faq-scroll{overflow:visible;max-height:none;padding-right:0}.faq-scroll summary{font-size:16px;padding:18px 0;min-height:64px}.faq-scroll details p{font-size:15px;line-height:1.9;padding:0 12px 20px 0}
 .site-footer{height:var(--bottom);left:16px;right:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:7px 0 calc(5px + env(safe-area-inset-bottom,0px));background:transparent}.chapter-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;order:0;width:100%}.chapter-nav button{font-size:14px;min-height:44px;justify-content:center;gap:6px;padding:5px 0}.chapter-nav button:before{width:4px;height:4px}.footer-meta{order:1;display:block;margin:0}.footer-meta>span{display:none}.legal-links{font-size:12px;gap:0;display:flex;justify-content:space-between;width:100%;padding:0 5px}.legal-links a{min-height:40px}.footer-controls{display:none}
 html[lang=en] h1{font-size:clamp(48px,13.5vw,62px);line-height:1.04;margin:18px 0}html[lang=en] h2,html[lang=en] .features h2{font-size:39px;line-height:1.12;margin:17px 0}html[lang=en] .lead,html[lang=en] .theme-copy .lead{font-size:15px}html[lang=en] .theme-copy h3{font-size:44px;line-height:1.05;margin:16px 0}html[lang=en] .theme-copy h4{font-size:25px;line-height:1.35;margin:18px 0 13px}html[lang=en] .story-quote{font-size:28px;line-height:1.4}html[lang=en] .floating-note p{font-size:18px;line-height:1.35}html[lang=en] .chapter-nav button{font-size:12px;gap:5px}html[lang=en] .theme-hint{font-size:10px}
}
@media(max-width:380px){:root{--phone-h:400px}.site-header{left:16px;right:16px}.wordmark>span{font-size:27px}.wordmark img{width:31px}.site-header nav{gap:7px}.action.small{padding-inline:11px}.chapter-content{left:18px;right:18px}.actions{gap:13px}.action{padding-inline:17px}.theme-panel{width:calc(100% - 61px);margin-left:43px}.theme-copy h3{font-size:34px}.theme-copy h4{font-size:20px}.theme-details{gap:8px}.theme-details span{font-size:10px}.theme-indicators{left:-2px}.theme-hint{font-size:10px}.floating-note{width:165px;right:0}.legal-links{font-size:11px}.chapter-nav button{font-size:13px}.device-tabs{gap:12px}.install-guide{padding:22px 18px}}
@media(min-width:761px) and (max-height:580px){:root{--phone-h:360px}.chapter-content,.theme-panel{overflow-y:auto;overscroll-behavior:contain;padding-top:90px;align-items:start;padding-bottom:100px}.theme-hint{display:none}.site-header{height:66px}}
@media(prefers-reduced-motion:reduce){:root{--motion:1ms}.chapter-track,.theme-track{transition:none}*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.action{transition:none}}

.mobile-gesture{display:none}@media(max-width:760px){.mobile-gesture{display:block;font-size:11px;margin-top:12px;color:#8b7461}}
