/* Keep historical tables usable through local horizontal scrolling. */
body{overflow-wrap:anywhere}img,canvas,iframe{max-width:100%!important;box-sizing:border-box}img{height:auto!important}
table{display:block;max-width:100%!important;overflow-x:auto}input,select{max-width:100%;box-sizing:border-box}
#chartContainer{width:100%!important;max-width:900px}
@media(max-width:1024px){
body{margin:0;padding:16px;box-sizing:border-box}body div,form{max-width:100%!important;box-sizing:border-box}
#SwimZones,#BikeZones,#RunZones{position:static!important;margin:20px 0!important;width:100%!important}
iframe{width:100%!important}input,select,button{font-size:16px;min-height:40px}
table:has(input):not(:has(th)) tr{display:flex;flex-wrap:wrap;align-items:center}
table:has(input):not(:has(th)) td{display:block;max-width:100%;box-sizing:border-box}
}