.nav-cats{display:none;}
.ncta{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:var(--dark);padding:.48rem 1rem;border-radius:5px;font-weight:700;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;line-height:1.2;transition:background .2s,color .2s;}
.ncta:hover{background:var(--lime);color:var(--dark);}

@media(max-width:900px){
  nav,nav.top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem .8rem;padding:.72rem 1rem;}
  nav > ul,nav.top > ul{display:none;}
  nav .nlogo,nav.top .nlogo{grid-column:1;grid-row:1;min-width:0;}
  nav .ncta,nav.top .ncta{grid-column:2;grid-row:1;justify-self:end;}
  .nav-cats{display:flex;grid-column:1/-1;grid-row:2;gap:.45rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x proximity;margin:0 -1rem;padding:.1rem 1rem .2rem;}
  .nav-cats::-webkit-scrollbar{display:none;}
  .nav-cats a{flex:0 0 auto;scroll-snap-align:start;padding:.38rem .72rem;border:1px solid rgba(140,255,0,.2);border-radius:999px;background:rgba(140,255,0,.045);color:rgba(245,245,247,.68);font-size:.58rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s,border-color .2s;}
  .nav-cats a:hover,.nav-cats a[aria-current="page"]{background:var(--green);border-color:var(--green);color:var(--dark);}
  section[id]{scroll-margin-top:7.1rem;}
}

@media(prefers-reduced-motion:reduce){
  .nav-cats{scroll-behavior:auto;}
}