/* ============================================================
   responsive.css — global breakpoint safety net.
   Per-page responsive behavior is carried in assets/css/pages/*.css
   (verbatim from the LOCKED masters). This file only enforces
   cross-cutting guards so nothing overflows or breaks between pages.
   Breakpoints: tablet <=900px, mobile <=640px.
   ============================================================ */

/* Never allow horizontal page scroll on any breakpoint */
html,body{max-width:100%}
img,table,pre,.dash,.tbl-wrap,.tl{max-width:100%}

/* Contain internal dashboard/table scrolling (Ringba panel on mobile) */
.tbl-wrap,.tl{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Responsive media aspect ratio guard (prevents CLS once real images load) */
img[width][height]{height:auto}

/* Tablet: hide desktop nav, show hamburger (mirrors locked masters) */
@media (max-width:900px){
  .nav{display:none}
  .t-hamburger{display:inline-flex}
}
/* Desktop: hide hamburger */
@media (min-width:901px){
  .t-hamburger{display:none}
}