/* MarinerThai: phone layout for the old table pages (2026-11). Only applies on small screens. */
@media (max-width: 760px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  html.mrt-m body { margin: 0 !important; padding: 0 0 24px !important; min-width: 0 !important; background-image: none !important; }
  html.mrt-m #floatdiv, html.mrt-m object, html.mrt-m embed,
  html.mrt-m iframe[src*="menuleft"], html.mrt-m iframe[src*="banner"],
  html.mrt-m iframe[src*="xstat"], html.mrt-m iframe[src*="statistics"],
  html.mrt-m .mrt-hide,
  html.mrt-m table.mrt-lay > tbody > tr > td.mrt-hide, html.mrt-m table.mrt-lay > tr > td.mrt-hide { display: none !important; }
  html.mrt-m tr { height: auto !important; }

  html.mrt-m table { max-width: 100% !important; height: auto !important; }
  html.mrt-m table.mrt-lay { width: 100% !important; }
  html.mrt-m table.mrt-lay > tbody > tr > td, html.mrt-m table.mrt-lay > tr > td,
  html.mrt-m table.mrt-lay > tbody > tr > th {
    display: block !important; width: auto !important; height: auto !important;
    box-sizing: border-box; padding-left: 10px !important; padding-right: 10px !important;
  }
  html.mrt-m td, html.mrt-m th { white-space: normal !important; height: auto !important; }
  html.mrt-m img { max-width: 100% !important; height: auto !important; }
  html.mrt-m iframe { max-width: 100% !important; }
  html.mrt-m pre { white-space: pre-wrap !important; word-break: break-word; }
  html.mrt-m p, html.mrt-m div, html.mrt-m span, html.mrt-m td { overflow-wrap: anywhere; }

  /* old <font size> tags were sized for desktop */
  html.mrt-m font[size="1"] { font-size: 13px !important; }
  html.mrt-m font[size="2"], html.mrt-m font:not([size]) { font-size: 16px !important; line-height: 1.6; }
  html.mrt-m font[size="3"] { font-size: 17px !important; }
  html.mrt-m font[size="4"] { font-size: 19px !important; }
  html.mrt-m font[size="5"], html.mrt-m font[size="6"], html.mrt-m font[size="7"] { font-size: 22px !important; line-height: 1.3; }
  html.mrt-m body, html.mrt-m td { font-size: 16px; line-height: 1.6; }

  .mrt-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
  html.mrt-m .mrt-scroll > table { max-width: none !important; }

  #mrt-mbar {
    position: sticky; top: 0; z-index: 50; display: flex; flex-wrap: wrap; gap: 4px 14px;
    align-items: center; justify-content: space-between;
    padding: 9px 12px; background: #0b2545; border-bottom: 3px solid #c98b2b;
    font: 15px/1.4 Tahoma, "Segoe UI", sans-serif;
  }
  #mrt-mbar a { color: #fff !important; text-decoration: none; }
  #mrt-mbar .mrt-brand { font-weight: 700; font-size: 17px; }
  #mrt-mbar span { display: flex; gap: 14px; }
}
#mrt-mbar { display: none; }
@media (max-width: 760px) { html.mrt-m #mrt-mbar { display: flex; } }