/* Compatibility layer for pages written before the design system.
   Loaded only when a page has not set $sbg_modern. Keep this small:
   the goal is to retire it as pages are rebuilt. */
body{background:#f7f9fc}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#f2f4f7}
::-webkit-scrollbar-thumb{background:#c4c6d0;border-radius:3px}

/* Inline-styled grids on older pages have no mobile breakpoint. Collapse the
   fixed multi-column ones so nothing scrolls sideways on a phone. */
@media (max-width:640px){
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns:2fr 1fr"],
  [style*="grid-template-columns:1fr 2fr"]{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:480px){
  [style*="minmax(29"],[style*="minmax(3"]{grid-template-columns:minmax(0,1fr)!important}
  table{max-width:100%}
}
img{max-width:100%}