/* step186 phone fit: no sideways scroll on partner + chairside pages at 360-390px. Screen only, never print. */
@media screen and (max-width:720px){
  html,body{max-width:100%}
  body{overflow-wrap:break-word}
  img,video,canvas,iframe,svg:not([width]){max-width:100%}
  canvas{height:auto}
  input,select,textarea{max-width:100%;min-width:0;box-sizing:border-box}
  /* top bars: let buttons wrap onto a 2nd row instead of pushing the page wider */
  .pt-bar,.cs-bar,header.tb,.s182-top,.s149-row,.s149-chips{flex-wrap:wrap!important;row-gap:6px;min-width:0;max-width:100%}
  .pt-bar>*,.cs-bar>*,header.tb>*,.s182-top>*{min-width:0;max-width:100%}
  .pt-msg43,.pt-msg43 span,header.tb b,header.tb .help,.s182-top h1,.s182-top b{white-space:normal!important;overflow-wrap:anywhere}
  .s149-chips{overflow-x:visible!important}
  /* wide tables scroll inside their own box (added by s186.js) */
  .s186-tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .s186-tw>table{margin:0}
  .s186-row{flex-wrap:wrap!important;min-width:0}
  .s186-row>*{min-width:0}
}