/* PsiTek mobile layout (2026-10-22). Linked only from pages that carry the viewport meta tag.
   Desktop is untouched: every rule sits inside the media query. Rollback: delete this file. */
@media (max-width: 880px) {
  body { margin: 0 !important; }
  #wrapper, #contents-wrapper, #contents-page, #table-wrapper { width: auto !important; max-width: 100%; border: 0; margin: 0; }
  /* 1px padding keeps the banner's 64px bottom margin inside the page (without it the margin escapes and the page ends flush). */
  #wrapper, #contents-page { padding-bottom: 1px; }
  #table-wrapper > table, #toptable, #footertable, #resizertable, #resizerrule {
    width: 100% !important; padding-left: 0 !important; box-sizing: border-box;
  }
  img { max-width: 100%; height: auto; }
  table[width="60%"] { width: 100% !important; }
  #toptable td[rowspan="2"] { display: none; }  /* book-cover thumbnail: squeezes the nav on phones */
  #contents-page table, #contents-page td { display: block; width: auto !important; }  /* Contents pages: stack columns */
  #contents-page td { text-align: center; }
  #contents-page td p, #contents-page td li { text-align: left; }
  #content p:not(#textsizer-text) { padding: 3px 14px !important; }
  #content ol { padding-left: 36px; }
  #content ul:not(.textresizer) { padding-left: 32px; }
  #content div[style^="font-size:smaller"] { padding-left: 14px; padding-right: 14px; }
  #content hr[width^="200px"] { margin-left: 14px; }
  .BodyText { font-size: 106%; line-height: 1.55em; }
  .BodyText:hover { background: none; }
  H1 { font-size: 24px; }
  H2, H3 { font-size: 21px; }
  .hyperlink { font-size: 100%; }
  .nomob { display: none !important; }
  .showmob { display: inline; }
  #wrapper #nav_up, #wrapper #nav_down, #wrapper #random_bottom, #wrapper #questionslist_bottom,
  #contents-wrapper #nav_up, #contents-wrapper #nav_down, #contents-wrapper #random_bottom,
  #contents-wrapper #questionslist_bottom, .nav_up, .nav_down, .random_bottom, .questionslist_bottom {
    margin-left: 0 !important; right: 10px;
  }
  /* Home page (index2.html): stack each book row (text, then the cover) instead of two squeezed columns. */
  .psi-index table { width: 100% !important; }
  .psi-index td { display: block; width: auto !important; height: auto !important; }
  .psi-index td p[align="right"] { text-align: center; }
  .psi-index p, .psi-index h3 { padding-left: 14px; padding-right: 14px; }
  .ml-banner { max-width: 360px !important; margin: 4px auto 64px !important; padding: 0 10px; }
}