/* CAPE IT library — small-screen fixes (linked by make_mobile.py). */
img,svg,video,canvas,iframe{max-width:100%}
@media (max-width:760px){
  body{padding:16px 10px!important;align-items:flex-start!important}
  /* wide tables scroll sideways inside their own box instead of widening the page */
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  pre,code,.code-box{white-space:pre-wrap;word-break:break-word}
  /* form controls (including the photo-upload picker) never wider than the screen */
  input,select,textarea,button{max-width:100%}
  input[type=file]{width:100%;min-width:0}
  label{max-width:100%;overflow-wrap:anywhere}
  .rv-upload,.rv-upload label{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
  .rv-upload .rv-mk{white-space:normal}
}