/* Mobile layout and touch controls */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,picture,video{max-width:100%}button,a,input,summary{touch-action:manipulation}button,input,select,textarea{font:inherit}h1,h2,h3,p,a{overflow-wrap:break-word}main,section,article,figure,header,nav{min-width:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px}.mobile-nav-toggle{display:none}
@media(max-width:800px){
html{scroll-padding-top:95px}body{font-size:16px}header{position:relative}nav a{min-height:44px;display:flex;align-items:center}button,summary{min-height:44px}.button,.btn,.pill,.format-choice,.card-formats a,.formats a,.tab{min-height:44px}.text-button,.text-link,.section-link,.universe-link{min-height:44px;align-content:center}.grid,.books,.focus,.book-grid,.reader-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.about,.about-grid,.writing-columns,.landing-intro,.contact,.faq-grid,.read-layout,.activity-grid{grid-template-columns:1fr;gap:28px}.section-top{align-items:flex-start;flex-direction:column;gap:18px}.hero,.landing-intro{min-height:0}.intro,.lead,.about p,.writing-columns p,.editorial p,.guide-body p{font-size:16px;line-height:1.75}.card h3,.landing-catalog h3{min-height:0}.card p{min-height:0;font-size:14px}.card-formats a{display:inline-flex;align-items:center;font-size:13px}.book-layout{grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:28px}.format-options{gap:10px}.format-choice{font-size:14px}.format-panel p{font-size:16px}footer{flex-wrap:wrap;line-height:1.8}.eyebrow{line-height:1.6;letter-spacing:1.7px}.eyebrow:before{flex-shrink:0}dialog{max-height:90dvh;overflow:auto}.photo-close,.close{min-width:44px;min-height:44px;z-index:2}.photo-dialog{max-height:92dvh}.photo-dialog img{max-height:70dvh}.world-choice{padding:26px}.world-choice p{font-size:15px}.reader-path p{font-size:15px}.reader-path a{font-size:14px;min-height:44px}.guide-body h1,.editorial h1{font-size:clamp(34px,7vw,48px);letter-spacing:-1.3px}.guide-body h2,.editorial h2{font-size:29px}.guide-body .byline{line-height:1.8}
}
@media(max-width:540px){
.hero{padding-top:30px;padding-bottom:40px;gap:24px}.hero h1{font-size:clamp(36px,9.4vw,49px);line-height:1.1;letter-spacing:-1.5px}.hero h1 br{display:none}.hero h1 em{display:block;margin-top:8px}.hero .button,.hero .btn{width:100%;justify-content:space-between}.hero .text-button{margin-left:0!important;margin-top:12px!important;display:flex!important;width:100%!important}.hero-note,.roles{font-size:10px;line-height:1.8}.stage{height:340px;max-width:320px}.stage .circle{width:260px;height:260px}.stage .book-main{width:165px;left:12px;top:20px}.stage .book-back{width:145px;right:5px;top:80px}.stage-label{font-size:13px}.grid,.pino-grid,.landing-catalog .grid,.landing-catalog .pino-grid,.books,.focus,.reader-paths{grid-template-columns:1fr}.cover-space,.landing-catalog .cover-space{height:330px}.cover-space img,.landing-catalog .cover-space img{height:280px}.card h3{font-size:25px}.card p{font-size:15px}.category{font-size:11px}.card .text-button{font-size:14px}.grid{gap:34px}.world-choices{grid-template-columns:1fr;padding-bottom:35px}.world-choice h2{font-size:30px}.book-layout{grid-template-columns:1fr;gap:24px}.book-layout>img,.group-page .book-layout>img{position:static;width:min(210px,70%);margin:0 auto}.editorial{padding:30px 6%}.format-options{display:grid;grid-template-columns:1fr 1fr}.format-choice{padding:12px 8px}.format-panel h2{line-height:1.25}.format-panel .button{width:100%;justify-content:space-between}.detail{grid-template-columns:1fr}.detail img{max-width:150px;margin:auto}.portrait{max-width:360px;margin:0 auto}.portrait img{aspect-ratio:1/1}.portrait figcaption{font-size:8px;gap:10px;padding:15px}.strip{gap:14px}.exercise{padding:22px}.scenario{padding:20px;min-width:0}.scenario-tabs{gap:6px}.scenario-tabs button{flex:1;min-width:0;font-size:12px;padding:10px 7px}.scenario h3{font-size:25px}.scenario p,.exercise p{font-size:16px}.scenario ul{font-size:14px}#sample{min-height:0}.access{font-size:12px!important}.practice{padding:22px}.practice ol{grid-template-columns:1fr}.practice strong{font-size:16px}.practice li span{font-size:15px}.focus p{font-size:15px}.focus h3{font-size:22px}h2{font-size:34px;letter-spacing:-1px}.contact-actions,.contact-actions .btn{width:100%}.btn{font-size:14px}.footer-links{flex-direction:column;gap:4px}.footer-links a{min-height:44px;display:flex;align-items:center}.footer-wrap{flex-direction:column}.footer-wrap a{display:inline-flex;min-height:44px;align-items:center}.reading{padding:24px}.reading blockquote{font-size:21px}.book-card{grid-template-columns:95px minmax(0,1fr);gap:18px;padding:20px}.book-card h3{font-size:24px}.book-card .formats{grid-column:1/-1}.character-grid{grid-template-columns:1fr}.character:last-child{display:block;grid-column:auto}.character p{font-size:15px}.hero-story h1{font-size:39px;letter-spacing:-1.4px}.hero-story p{font-size:16px}.photo-gallery{grid-template-columns:1fr}.actions{gap:16px;flex-wrap:wrap}.actions .pill{width:100%;justify-content:center}.harbour-strip{font-size:16px}.prompt p{font-size:23px;min-height:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:800px){header{height:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:16px;gap:14px}.nav-wrap{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:22px}.brand small{font-size:9px;letter-spacing:1.7px}.logo{font-size:26px}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:60px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:4px;padding:9px 13px;font-size:14px}.has-mobile-menu nav{display:none;width:100%;flex-basis:100%;gap:4px;align-items:stretch;padding:10px 0 0}.has-mobile-menu nav.mobile-open{display:flex;flex-direction:column}.has-mobile-menu nav a{font-size:15px;padding:10px 12px;border-radius:4px;white-space:normal}.has-mobile-menu nav .nav-button{display:flex}.has-mobile-menu nav .pill{justify-content:center;margin-top:7px}.has-mobile-menu nav a:hover{background:#80808012}}
@media(max-width:540px){.hero h1 em br{display:block}.stage .book-back{width:135px;right:18px;transform:rotate(9deg)}.book-card{grid-template-columns:1fr}.book-card>a{max-width:180px;margin:auto}.book-card img{max-width:100%}.formats{min-width:0}.formats a{max-width:100%;white-space:normal}}
footer{flex-wrap:wrap;gap:16px}footer>a{font-size:12px;line-height:1.7;text-underline-offset:4px}