/* Added 2026-10 for the Cloudflare move. style.css is the original.
   Desktop rendering is unchanged; everything below only applies on small screens,
   except the audio player sizing, which replaces the old Flash player. */

/* Verdana fallback for devices without it (Android) */
body, td, th, a { font-family: verdana, sans-serif; }

.tex-player { width: 260px; height: 32px; vertical-align: middle; }
.tex-player-right { float: right; margin: 0 0 10px 12px; }

@media (max-width: 800px) {
  body { margin: 0; }
  body, td, th, a { font-size: 15px; line-height: 1.5; }

  /* Fluid page frame instead of the fixed 740/760px tables */
  table#table1, table#table2 { width: 100% !important; }
  img { max-width: 100%; height: auto; box-sizing: border-box; }

  /* Thin black side rails instead of 40px-wide spacer columns */
  #table2 > tbody > tr > td:first-child,
  #table2 > tbody > tr > td:last-child { width: 6px; padding: 0; }
  #table2 > tbody > tr > td:nth-child(2) { padding: 16px 14px; }

  /* Nav buttons wrap onto a second line if needed */
  #table1 td[bgcolor="#000000"] { padding: 4px 0; line-height: 26px; }
  #table1 td[bgcolor="#000000"] img { max-width: none; }

  /* Long source URLs wrap instead of widening the page */
  a { overflow-wrap: anywhere; word-break: break-word; }

  .tex-player, .tex-player-right { float: none; display: block; width: 100%; margin: 8px 0 14px; }
}

@media (max-width: 560px) {
  /* Stack the photos instead of squeezing text beside them */
  img[align="right"] { float: none; display: block; margin: 12px auto; }
}