/* Shared phone/tablet behavior for iOS Safari, Android Chrome and Home Screen windows. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
html{scroll-padding-top:calc(var(--header) + var(--safe-top) + 16px)}
.site-header{height:calc(var(--header) + var(--safe-top));padding-top:var(--safe-top);padding-left:max(4.2%,var(--safe-left));padding-right:max(4.2%,var(--safe-right))}
.hero{padding-top:calc(var(--header) + var(--safe-top))}.hero-specs{bottom:var(--safe-bottom)}
.reader-intro{padding-top:calc(var(--header) + var(--safe-top) + 45px)}
.section-container{padding-left:max(6%,var(--safe-left));padding-right:max(6%,var(--safe-right))}
.site-footer{padding-bottom:calc(34px + var(--safe-bottom));padding-left:max(6%,var(--safe-left));padding-right:max(6%,var(--safe-right))}
.film-dialog video{object-fit:contain}dialog{overscroll-behavior:contain}html:has(dialog[open]){overflow:hidden}
button,a,summary{touch-action:manipulation}.catalog-page-viewport,.catalog-thumbnails,dialog{-webkit-overflow-scrolling:touch}
.install-trigger{font-size:10px;line-height:1.6;padding:12px 0;color:#b2c5cb;text-align:left;white-space:nowrap;min-height:44px}
.install-dialog{width:620px;background:#f0f0eb}.install-dialog .dialog-header h2{line-height:1.4}.install-content{padding:28px 30px 32px}.install-content>img{border-radius:16px;margin-bottom:20px}.install-content>p{font-size:14px;line-height:1.85;color:#52686d}.install-content>.button{margin-top:20px}.install-instructions{list-style:none;padding:0;margin:24px 0 0}.install-instructions li{border-top:1px solid #c4d0c8;padding:20px 0}.install-instructions strong{font-size:14px;font-weight:600;color:#263d43}.install-instructions p{font-size:13px;line-height:1.9;color:#596f74;margin-top:10px}.install-content p.install-note{font-size:11px;color:#6c8083;border-top:1px solid #c4d0c8;padding-top:18px}#install-status:empty{display:none}#install-status{font-size:12px;margin-top:17px}
@media(max-width:900px){
 .primary-nav{top:calc(var(--header) + var(--safe-top));max-height:calc(100svh - var(--header) - var(--safe-top));overflow-y:auto;padding-bottom:calc(25px + var(--safe-bottom))}
 .site-header{padding-left:max(6%,var(--safe-left));padding-right:max(6%,var(--safe-right))}
 .directory-field input,.directory-field select,.reader-sidebar-header input,.page-navigation select{font-size:16px}
 .menu-toggle,.language-toggle,.motion-toggle,.close-dialog{min-height:44px;min-width:44px}
 .header-actions{gap:18px}.site-header{gap:16px}.brand{flex-shrink:0}
 .watch-film{min-height:44px}.reader-icon{height:44px;width:44px}.zoom-fit{min-height:44px;min-width:80px}
 .reader-lower-nav button,.reader-lower-nav a{min-height:44px;display:inline-flex;align-items:center}
 .reader-workspace{padding-left:max(6%,var(--safe-left));padding-right:max(6%,var(--safe-right))}
 .catalog-page-viewport{min-height:280px;touch-action:pan-x pan-y pinch-zoom}
 .hero-film-tools{bottom:calc(158px + var(--safe-bottom))}
 .reader-intro{padding-top:calc(var(--header) + var(--safe-top) + 30px)}
}
@media(max-width:600px){
 .hero-film-tools{bottom:calc(146px + var(--safe-bottom))}
 .site-footer{padding-bottom:calc(26px + var(--safe-bottom));column-gap:20px}
 .site-footer .install-trigger{font-size:10px;white-space:normal;flex-basis:100%;order:4;border-top:1px solid #ffffff1f;padding-top:15px}
 .install-content{padding:23px 22px 27px}.install-content>p{font-size:13px}.install-instructions p{font-size:12px}
 .page-navigation{gap:8px}.reader-page-meta h2{overflow-wrap:anywhere}
}
@media(max-height:500px) and (orientation:landscape){
 dialog{max-height:calc(100svh - 16px)}.film-dialog video{max-height:calc(100svh - 100px)}
 .catalog-page-viewport{min-height:240px;height:75svh}.install-dialog .dialog-header{position:sticky;top:0;background:#f0f0eb;z-index:1}
}
@media(pointer:coarse){.menu-toggle,.language-toggle,.motion-toggle,.close-dialog,.reader-icon{min-height:44px;min-width:44px}.primary-nav a,.product-meta button,.catalog-card-bottom a,.reader-page-bottom>a,.product-dialog-links a,.directory-reset{min-height:44px;display:inline-flex;align-items:center}.product-meta button{padding:8px 4px}}