/* Staged responsive override — keeps XSitePro colors, allows mobile reflow */
meta, .ham-page-h1 { }
html { -webkit-text-size-adjust: 100%; }
body { max-width: 100%; overflow-x: hidden; }
table.XSP_OUTLINE,
td.XSP_HEADER_PANEL,
td.XSP_CENTER_PANEL,
td.XSP_FOOTER_PANEL,
td.XSP_MAIN_PANEL_HEADER {
  width: 100% !important;
  max-width: 949px !important;
  box-sizing: border-box;
}
table.XSP_OUTLINE { margin: 0 auto; }
td.XSP_MAIN_PANEL { padding: 16px !important; }
iframe { max-width: 100%; }
img { max-width: 100%; height: auto; }
.ham-page-h1 { font-size: 1.5rem; line-height: 1.25; margin: 0.4em 0 0.8em; color: #003399; }
.mainFOOTER_MENU { display: block; width: 100%; }
.mainFOOTER_MENU td { display: block; }
.xsp1FOOTER_MENU { display: inline-block; margin: 0.25em 0.5em 0.25em 0; }
.ham-staged-addition { font-size: 14px; line-height: 1.45; }
@media screen and (max-width: 800px) {
  body { margin-top: 10px !important; }
  table.XSP_OUTLINE,
  td.XSP_HEADER_PANEL,
  td.XSP_CENTER_PANEL,
  td.XSP_FOOTER_PANEL { width: 100% !important; max-width: 100% !important; }
  td.XSP_MAIN_PANEL { padding: 12px !important; }
  iframe[width] { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; min-height: 200px; }
  table[style*="WIDTH: 571"],
  table[style*="WIDTH: 561"],
  table[style*="WIDTH: 420"] { width: 100% !important; height: auto !important; }
}
