/* Usage records only: preserve column widths, let the page own narrow-screen horizontal scrolling. */
@media (max-width: 767px) {
  html:has(.dbgapi-usage-page),
  body:has(.dbgapi-usage-page) {
    width: 100vw;
    overflow-x: auto;
  }
  body:has(.dbgapi-usage-page) header.glass.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
  }
  main:has(> .dbgapi-usage-page) {
    /* Keep the original 64px header + 1px border in document flow. */
    padding-top: calc(4rem + 1px + 1rem);
  }
  .dbgapi-usage-page > .card:has(.table-wrapper),
  .dbgapi-usage-page > .card:has(.table-wrapper) > .overflow-auto,
  .dbgapi-usage-page .table-wrapper {
    overflow: visible !important;
  }
  .dbgapi-usage-page .table-wrapper th {
    white-space: nowrap;
  }
}