@media(max-width:900px){
  .mainnav{padding:.35rem .75rem .55rem}
  .navlinks{display:flex;gap:.15rem;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:none}
  .navlinks::-webkit-scrollbar{display:none}
  .mainnav a{margin:0;padding:.7rem .3rem;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
  .navsearch{max-width:24rem;margin:.45rem auto 0;min-height:44px}
  .navsearch input,.navsearch button{min-height:44px}
  .utility{padding:.2rem .65rem;gap:.15rem;justify-content:center}
  .utility a,.themebtn{min-height:44px;display:inline-flex;align-items:center;margin-left:.25rem;padding:.55rem .45rem}
}
@media(max-width:520px){
  .wrap{padding:1.2rem .9rem 3rem}
  h1{font-size:1.55rem}
  h2{font-size:1.2rem}
}