/* Keep the generated API reference readable on phone-sized viewports. */
@media screen and (max-width: 700px) {
  #side-nav {
    display: none !important;
    width: 0 !important;
  }

  #container {
    display: block !important;
    overflow: visible !important;
  }

  #doc-content {
    margin-left: 0 !important;
    width: 100% !important;
  }

  div.header,
  div.contents {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  .title {
    overflow-wrap: anywhere;
  }

  .fragment,
  .memitem,
  table {
    max-width: 100%;
    overflow-x: auto;
  }
}