/* mobile.css – responsive nav + touch fixes (desktop >900px unchanged) */
.nav-tog{display:none}
@media(max-width:900px){
 header{position:sticky}
 .nav{flex-wrap:nowrap;padding:8px 14px;position:relative}
 .nav .logo{font-size:1.15rem;min-width:0}
 .nav>.btn.p{padding:10px 14px;font-size:.9rem;white-space:nowrap;margin-inline-start:auto}
 .nav-tog{display:inline-grid;place-items:center;width:46px;height:46px;flex:0 0 46px;order:3;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f2a4a;cursor:pointer;padding:0}
 .nav-tog span,.nav-tog span:before,.nav-tog span:after{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:.25s}
 .nav-tog span:before,.nav-tog span:after{content:"";position:absolute;right:0}
 .nav-tog span:before{top:-7px}.nav-tog span:after{top:7px}
 .nav-tog[aria-expanded=true] span{background:transparent}
 .nav-tog[aria-expanded=true] span:before{top:0;transform:rotate(45deg)}
 .nav-tog[aria-expanded=true] span:after{top:0;transform:rotate(-45deg)}
 .nav ul{display:none;position:absolute;top:100%;right:0;left:0;flex-direction:column;gap:0;background:#fff;box-shadow:0 12px 24px #0f2a4a26;padding:6px 0;max-height:calc(100vh - 70px);overflow-y:auto;font-size:1.05rem}
 .nav.open ul{display:flex}
 .nav ul li{border-top:1px solid #eef2f7}
 .nav ul a{display:block;padding:13px 22px;min-height:48px}
 .js-nav .nav ul{}
}
@media(max-width:420px){
 .nav{gap:6px;padding:8px 10px}
 .nav .logo small{display:none}
 .nav>.btn.p{padding:10px 10px;font-size:.85rem}
}
@media(max-width:700px){
 .hero{padding:48px 16px}
 .hero h1{font-size:1.8rem;line-height:1.3}
 main{padding:28px 14px}
 .grid{grid-template-columns:1fr}
 .card:hover,.btn:hover{transform:none}
 footer{padding:24px 14px;font-size:.92rem;line-height:1.9;overflow-wrap:anywhere}
 footer a{display:inline-block;padding:4px 0}
 input[type=range]{height:32px}
 input,select,textarea{font-size:16px}
 img,svg,video,canvas{max-width:100%}
 table{max-width:none}
}