/* burnsim.com - interim mobile safety net, added 2026-09-28.
 *
 * The pages gained a <meta name="viewport"> in the same pass. On a fixed-width
 * table layout that tag alone makes things worse, not better: without it a phone
 * zooms the whole page out to fit, with it the page renders at 1x and anything
 * wider than the screen scrolls sideways. The widest fixed elements here are the
 * 450px screenshot on default.asp / Download.asp and the 80-100px spacer cells,
 * which together need ~530px against a ~375px phone viewport.
 *
 * This file exists only to stop that overflow. It is deliberately tiny and makes
 * no visual change on desktop. The real restyle replaces it wholesale.
 */

img {
  max-width: 100%;
  height: auto;
}

table {
  max-width: 100%;
}

body {
  overflow-wrap: break-word;
}

/* Long URLs and change-history strings must not force the page wide. */
pre, code {
  white-space: pre-wrap;
  word-wrap: break-word;
}

@media (max-width: 700px) {
  /* The layout tables use empty cells as left/right gutters. At phone width
   * those gutters are most of the screen, so shrink them rather than remove
   * them - a display:none on a <td> collapses the row structure. */
  td[width="80"],
  td[width="100"] {
    width: 10px !important;
  }

  body {
    margin: 0;
    padding: 0 12px;
  }
}