/* New update 5 — mobile top navigation readability + horizontal scroll fix */
.nav{
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
}
.nav button{
  flex:0 0 auto;
  font-size:12px;
  line-height:1.15;
  min-height:42px;
  padding:11px 16px;
}
@media(max-width:720px){
  header{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:4px}
  .brand-wrap{grid-column:1;grid-row:1;min-width:0}
  .actions{grid-column:2;grid-row:1}
  .nav{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    max-width:calc(100vw - 28px);
    justify-content:flex-start;
    gap:8px;
    padding:5px 2px 9px;
    margin-top:3px;
    scroll-snap-type:x proximity;
    touch-action:pan-x;
  }
  .nav button{
    scroll-snap-align:start;
    font-size:12px;
    min-height:44px;
    padding:12px 17px;
    border:1px solid #ffffff0b;
    background:#ffffff05;
  }
  .nav button.active,.nav button:hover{background:#ffffff10;color:#fff}
}