/* Sparky mobile compatibility patch */
*{box-sizing:border-box} img,svg,video,canvas{max-width:100%;height:auto} html,body{max-width:100%;overflow-x:hidden}
@media (max-width: 768px){
  body{min-width:0!important;width:100%!important}
  header,nav,main,section,footer,.container,.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl{max-width:100%!important;width:100%!important}
  header nav, nav .flex, header .flex{flex-wrap:wrap!important;gap:.75rem!important}
  header{position:relative!important;padding:12px 16px!important}
  main,section,footer{padding-left:16px!important;padding-right:16px!important}
  h1{font-size:clamp(2.1rem,12vw,4rem)!important;line-height:1.02!important;letter-spacing:-.04em!important}
  h2{font-size:clamp(1.7rem,8vw,3rem)!important;line-height:1.08!important}
  p{font-size:1rem!important;line-height:1.55!important}
  .grid{display:grid!important;grid-template-columns:1fr!important}
  .flex{max-width:100%} .hidden.sm\:flex{display:flex!important}
  a,button{min-height:40px}
  [class*="px-10"],[class*="px-12"],[class*="px-16"],[class*="px-24"]{padding-left:1rem!important;padding-right:1rem!important}
  [class*="py-24"],[class*="py-32"]{padding-top:3rem!important;padding-bottom:3rem!important}
  table{display:block;overflow-x:auto;white-space:nowrap}
}
@media (max-width: 480px){
  header nav a, header nav button{font-size:.85rem!important;padding:.45rem .6rem!important}
  .material-symbols-outlined{font-size:18px!important}
}