/* v2.3 · Visibilidade e acessibilidade do scroll horizontal no telemóvel */
@media(max-width:720px){
  .sidebar{position:relative}
  .nav{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:4px 3px 11px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#30baf2 #0c2642;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .nav button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;min-height:40px;border:1px solid #36628b;background:#102d4d}
  .nav button.active{border-color:#56d4fb}
  .tablewrap,.bracket{overflow-x:auto!important;overflow-y:hidden;max-width:100%;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#30baf2 #0c2642;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .tablewrap table{min-width:550px}
  .bracket{padding-bottom:15px}
  .mobile-scroll-guide{display:flex;align-items:center;gap:9px;color:#bceaff;font-size:12px;font-weight:600;background:#0b3050;border:1px solid #226a94;border-radius:10px;padding:6px 9px;margin:5px 0 10px;box-shadow:0 2px 8px #0003}
  .mobile-scroll-guide .scroll-guide-label{flex:1;min-width:0;text-align:center}
  .mobile-scroll-guide button{width:38px;height:34px;flex:0 0 auto;display:grid;place-items:center;background:#135b87;color:#fff;border:1px solid #368dc0;border-radius:8px;font-size:18px;touch-action:manipulation}
  .mobile-scroll-guide button:disabled{opacity:.3}
  .mobile-scroll-guide button:focus-visible{outline:2px solid #83e3ff;outline-offset:2px}
}
@media(min-width:721px){.mobile-scroll-guide{display:none!important}}
@media print{.mobile-scroll-guide{display:none!important}}