/* Savyant Systems: responsive refinements layered over the page design */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,video,svg{max-width:100%}
/* Integrations hub: compact tiles on small screens so the 14 connectors stay inside the card */
@media(max-width:560px){
  #erpnext-integrations button[aria-label]{transform:translate(-50%,-50%) scale(.74)!important}
  #erpnext-integrations button[aria-label]>span:nth-child(2){display:none!important}
}
@media(max-width:420px){
  h1{overflow-wrap:anywhere}
}
/* Products ecosystem diagram: stack label and chips on narrow screens */
@media(max-width:700px){
  [style*="minmax(150px,200px)"],[style*="minmax(150px, 200px)"]{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
}
/* Sticky side columns only make sense when the layout is two-column; stacked, they overlap the content below.
   relative (not static) keeps them the containing block of their decorative absolute children, so overflow:hidden still clips those */
@media(max-width:959px){
  [style*="position: sticky"],[style*="position:sticky"]{position:relative!important;top:auto!important}
}
/* width/height attributes reserve space (no layout shift); where the design sets only a width, keep the natural aspect ratio */
img[width][height]{height:auto}
/* home hero: smaller infinity tile on phones */
@media(max-width:700px){.hero-tile{transform:scale(.68)}}