/* SodaApply mobile: comfortable touch targets and safe-area-aware app navigation. */
.mobile-nav{display:none}
.in-app body{padding-bottom:calc(76px + env(safe-area-inset-bottom));background:#f6fbfe}
.in-app .mobile-nav{display:flex;position:fixed;z-index:100;bottom:0;left:0;right:0;justify-content:space-around;gap:4px;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(250,253,255,.97);border-top:1px solid #dceaf3;backdrop-filter:blur(16px);font-family:"Avenir Next",system-ui,sans-serif}
.mobile-nav a{display:flex;flex:1;min-height:48px;max-width:120px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:16px;color:#57738a;text-decoration:none;font-size:10px;font-weight:600;line-height:1.2}
.mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mobile-nav a[aria-current="page"]{background:#e0f2fc;color:#087fc5}
.in-app .top .links,.in-app .top .right,.in-app footer.foot{display:none}
.in-app .top .wrap{min-height:64px;justify-content:center;padding-block:8px}
.in-app .top .logo{font-size:21px}
.in-app .hero .wrap{padding-top:28px}
.in-app .home .hero-scene{min-height:300px;margin-top:12px}
.in-app .home .hero-mascot{width:280px}
.in-app .home .scene-orbit{width:240px;height:240px;top:35px}
.in-app .home .float-note{bottom:45px}
.in-app .home .mascot-note{top:0}
.in-app .home .final{padding-bottom:35px}
@media(max-width:600px){
 input[type="text"],input[type="email"],input[type="search"],input[type="url"],input[type="password"],input[type="number"],select,textarea{font-size:16px!important;min-height:44px}
 .btn,.chip,.more,summary{min-height:44px}
 .chip{padding:10px 15px}.fbar{padding:20px;gap:20px;margin-bottom:24px}.fbar .f{width:100%}.fbar select{min-width:0}.fbar .f.grow{flex-basis:auto}
 .pagehero .wrap{padding-top:30px;padding-bottom:30px;gap:22px}.pagehero h1{font-size:36px;line-height:1.15}.pagehero .lead{font-size:16px;line-height:1.75;margin-bottom:24px}
 .page{padding-top:32px;padding-bottom:48px}.grid{gap:16px}.page .card{padding:24px}.lhead select{min-width:130px}.lhead{gap:10px}
 .in-app .pagehero .pose img{max-width:145px}.in-app .pagehero .wrap{gap:16px}.in-app section.s{padding-block:50px}
 #detail .dh{flex-wrap:wrap}#detail .dh .apply{min-height:44px}.in-app #detail{bottom:calc(70px + env(safe-area-inset-bottom))}
}