/* Site-specific layout corrections. Desktop theme and content are preserved. */
body { margin: 0; }
.k9-video-unavailable small { font-size: 85%; font-weight: normal; }

@media (max-width: 1100px) {
  html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }
  *, *::before, *::after { box-sizing: inherit; }
  body > table:first-of-type { display: none; }
  .k9-layout,
  .k9-layout > tbody,
  .k9-layout > tbody > tr,
  .k9-layout > tbody > tr > td {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
  }
  .k9-layout .k9-gutter { display: none; }
  .k9-menu { padding: 8px; }
  .k9-menu > font {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 0 8px;
  }
  .k9-menu > font > br,
  .k9-menu > font > p { display: none; }
  .k9-menu a { display: block; }
  .k9-menu img {
    display: block;
    flex: 0 0 auto;
    width: 140px;
    height: 40px;
  }
  .k9-content {
    padding: 12px;
    overflow-wrap: anywhere;
  }
  .k9-content table,
  .k9-content tbody,
  .k9-content tr,
  .k9-content td,
  .k9-content th {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
  }
  .k9-content img,
  .k9-content video {
    max-width: 100%;
    height: auto !important;
  }
  .k9-content p,
  .k9-content a { max-width: 100%; overflow-wrap: anywhere; }
  .k9-content nobr { white-space: normal; }
  .k9-content font[size="7"] { font-size: 30px; }
  .k9-content font[size="6"] { font-size: 24px; }
  .k9-content font[size="5"] { font-size: 20px; }
  .k9-content font[size="4"] { font-size: 18px; }
}