/* Shared safeguards for narrow screens.  The original desktop layout is unchanged. */
.container {
  width: 100% !important;
  min-width: 0 !important;
}

.header img {
  display: block;
  max-width: 100%;
  height: auto;
}

.content {
  min-width: 0;
}

@media screen and (max-width: 850px) {
  .sidebar1,
  .content {
    float: none;
    width: 100% !important;
  }

  .content {
    overflow-x: auto;
  }

  .content table {
    max-width: 100% !important;
  }

  .content pre {
    max-width: 100%;
    overflow-x: auto;
  }
}