/* Motion enhances static content; no body text is hidden before JS. */
header{transition:box-shadow .22s,border-color .22s}.header-inner{transition:padding .22s ease}
html:not([data-direction=b]) header.is-scrolled{box-shadow:0 5px 24px #173b4824;border-bottom-color:#a9c8c1}
@media(min-width:901px){html:not([data-direction=b]) header.is-scrolled .header-inner{padding-top:8px;padding-bottom:8px}}
.button{transition:transform .18s,background-color .18s,box-shadow .18s}.button:active{transform:translateY(1px);box-shadow:0 1px 3px #173b4820}.button .icon{transition:transform .2s}.button:hover .icon-download{transform:translateY(2px)}
.content-module,.install-step,.device-module,.permission-note{transition:border-color .22s,box-shadow .22s,background-color .22s}
html:not([data-direction=b]) .install-step.step-in-view{border-color:#62998a;box-shadow:0 0 0 2px #62998a18}
html:not([data-direction=b]) .install-step.step-in-view .step-title{color:#18554b}
.more-details>summary,.faq>summary{transition:color .18s,background-color .18s}
.more-details>summary:hover,.more-details>summary:focus-visible{color:var(--ink)}
html:not([data-direction=b]) .chapter-features .more-details>summary:hover{color:#98dbce}
html:not([data-direction=b]) .chapter-comparison .more-details>summary:hover{color:#315e91}
.mobile-menu[open]>nav{animation:menu-enter .18s ease-out;transform-origin:top right;box-shadow:0 8px 25px #183b4824}
.mobile-menu[open]>summary .icon{color:var(--red)}
.back-top{isolation:isolate;border:0!important;transition:box-shadow .2s,color .2s}
.interaction-ready .back-top:before{content:'';position:absolute;inset:0;background:conic-gradient(#26786d var(--read-angle,0deg),#c8dcd4 0);border-radius:inherit;z-index:-2}
.interaction-ready .back-top:after{content:'';position:absolute;inset:3px;background:#fffaf0;border-radius:inherit;z-index:-1}
.legal-section{transition:border-color .22s}.legal-article .legal-section.section-current{border-top-color:#398a79}
.footer-group nav a{width:fit-content;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size .2s,color .2s}
.footer-group nav a:hover,.footer-group nav a:focus-visible{background-size:100% 1px;text-decoration:none}
.image-link{cursor:zoom-in;transition:filter .2s}
dialog[open]{animation:dialog-enter .2s cubic-bezier(.2,.7,.2,1)}dialog[open]::backdrop{animation:backdrop-enter .2s ease-out}
.image-gallery{padding:47px 16px 14px;max-width:94vw;overflow:auto}
.image-gallery>img{max-height:calc(90dvh - 140px);max-width:calc(94vw - 36px);min-width:min(260px,70vw);object-fit:contain;margin:0 auto;touch-action:pan-y pinch-zoom}
.image-gallery.image-failed>img{min-height:80px}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:12px;color:#edf9f5}.gallery-controls[hidden]{display:none}
.gallery-controls button,.gallery-retry{background:#244f59;border:1px solid #70959b;color:#f7faf7;border-radius:5px;cursor:pointer;min-width:44px;min-height:44px;font:inherit}
.gallery-controls button{font-size:22px;line-height:1}.gallery-count{font-size:13px;min-width:45px;text-align:center;font-variant-numeric:tabular-nums}
.gallery-status{font-size:14px;color:#e1eeea;margin:12px 0 0;text-align:center}.gallery-status:empty{display:none}.gallery-retry{padding:8px 15px;margin:12px auto 0}.gallery-retry:not([hidden]){display:block}
@media(hover:hover) and (pointer:fine){.content-module{transition:transform .22s,border-color .22s,box-shadow .22s}.content-module:hover{transform:translateY(-3px);box-shadow:0 9px 20px #102f4120}html:not([data-direction=b]) .chapter-features .content-module:hover{border-color:#a4d3c6}.install-step:hover{border-color:#377e6e;box-shadow:0 5px 15px #245f4f14}.image-link:hover{filter:brightness(1.035);opacity:1}.gallery-controls button:hover,.gallery-retry:hover{background:#326674}}
@keyframes menu-enter{from{transform:translateY(-4px)}to{transform:translateY(0)}}
@keyframes dialog-enter{from{opacity:.8;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes backdrop-enter{from{opacity:.6}to{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.content-module:hover,.button:hover,.button:active,.button:hover .icon-download{transform:none!important}}
