html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

img,
video,
canvas,
svg,
iframe{
  max-width:100%;
  height:auto;
}

@media (max-width:768px){
  :where(p,h1,h2,h3,h4,h5,h6,li,a){
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  :where([class*="flex"],[class*="grid"]) > *{
    min-width:0!important;
  }

  :where([class*="flex-row"]):not([class*="flex-nowrap"]):not([class*="overflow-x-auto"]){
    flex-wrap:wrap!important;
  }

  main{
    padding-bottom:calc(env(safe-area-inset-bottom) + 7rem)!important;
  }

  main [class*="overflow-x-auto"]{
    padding-right:5.5rem!important;
  }

  .fixed.bottom-4.right-4.z-50.flex.flex-col.items-end.gap-4{
    right:.75rem!important;
    bottom:.75rem!important;
  }

  button.fixed[class*="top-1/2"][class*="right-4"],
  button.fixed[class*="top-[50%]"][class*="right-4"],
  a.fixed[class*="top-1/2"][class*="right-4"],
  a.fixed[class*="top-[50%]"][class*="right-4"],
  div.fixed[class*="top-1/2"][class*="right-4"],
  div.fixed[class*="top-[50%]"][class*="right-4"]{
    top:auto!important;
    bottom:calc(env(safe-area-inset-bottom) + 6.5rem)!important;
    transform:none!important;
  }

  table.min-w-\[600px\] thead th:nth-child(4) > span{
    position:static!important;
    transform:none!important;
    margin:0 auto .5rem!important;
    display:inline-flex!important;
    white-space:nowrap!important;
  }

  table.min-w-\[600px\] thead th:nth-child(4){
    padding-top:1rem!important;
    vertical-align:top!important;
  }
}