/* Kit-level responsive rules. Components style inline, so these use !important
   on structural grids only. Breakpoints: 1180 (laptop), 900 (tablet), 640 (mobile). */
@media (max-width:1180px){
  [data-grid="4"]{grid-template-columns:repeat(2,1fr)!important}
  [data-grid="6"]{grid-template-columns:repeat(3,1fr)!important}
  [data-grid="3"]{grid-template-columns:repeat(2,1fr)!important}
  [data-grid="sidebar"]{grid-template-columns:1fr!important}
  [data-grid="aside"]{grid-template-columns:1fr!important}
  [data-grid="split"]{grid-template-columns:1fr!important;gap:40px!important}
  [data-sticky]{position:static!important;margin-top:0!important}
}
@media (max-width:900px){
  [data-grid="3"],[data-grid="6"],[data-grid="2"]{grid-template-columns:repeat(2,1fr)!important}
  [data-grid="hero-stats"]{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:640px){
  [data-grid],[data-grid="hero-stats"]{grid-template-columns:1fr!important}
}