/* Universal mobile contract for unauthenticated/public OSA pages. */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;min-width:0}
body{overflow-x:hidden}
img,video,iframe,canvas{max-width:100%}
input,select,textarea,button{max-width:100%;min-width:0}
h1,h2,h3,h4,p,label,span,a,button{overflow-wrap:anywhere}

@media(max-width:700px){
  main,.page,.container,.form-card,.login-shell,.login-card,.student-form-shell,.athlete-record-content{max-width:100%!important;min-width:0!important}
  form,.grid,.form-grid,.field-grid,.details-grid{max-width:100%!important;min-width:0!important}
  input,select,textarea{box-sizing:border-box!important;width:100%!important}
  dialog,.modal,.modal-content,[role="dialog"]{box-sizing:border-box;max-height:calc(100dvh - 20px)!important;max-width:calc(100vw - 20px)!important;overflow:auto!important}
  table{max-width:none}
  .table-container,.table-wrapper,.responsive-table{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  button,a{touch-action:manipulation}
}