/* Store badges (tap -> /coming-soon/). Official, unmodified artwork: Apple "Download on the App Store" (black, US English, SVG from developer.apple.com) and Google "Get it on Google Play" (PNG from play.google.com/intl/en_us/badges).
   Equal visual height: the Google PNG has 41px transparent padding on a 250px canvas (visible art 168px tall), so it is drawn at --bh*250/168 with negative margin. Apple clear space >= 1/4 badge height = gap. */
.store{--bh:48px;display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--bh)*.3)}
.sbtn.badge{display:inline-flex;align-items:center;justify-content:center;height:var(--bh);padding:0;border:0;background:none;cursor:pointer;border-radius:8px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.sbtn.badge img{display:block;max-width:none}
.sbtn.badge.ios img{height:var(--bh);width:calc(var(--bh)*2.9916)}
.sbtn.badge.gp{overflow:visible}
.sbtn.badge.gp img{height:calc(var(--bh)*250/168);width:calc(var(--bh)*646/168);margin:calc(var(--bh)*-41/168)}
.sbtn.badge:hover{transform:translateY(-2px)}
.sbtn.badge:focus-visible{outline:3px solid var(--ink-tag,#a3354a);outline-offset:4px}
.store.center{justify-content:center}
@media(max-width:399px){.store:not(.dockbtns){--bh:46px;gap:12px}}
@media(max-width:339px){.store:not(.dockbtns){flex-direction:column;align-items:flex-start}.store.center:not(.dockbtns){align-items:center}}
.store.dockbtns{--bh:40px;gap:10px;flex-wrap:nowrap;margin-left:auto}
@media(max-width:479px){.store.dockbtns{--bh:36px;gap:8px}.dock>div:not(.store){display:none}}
@media(prefers-reduced-motion:reduce){.sbtn{transition:none}.sbtn:hover,.sbtn.badge:hover{transform:none}}