@media (max-width: 900px) {
  .page-shell[data-page="knowledge"] .knowledge-topnav {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .page-shell[data-page="knowledge"] .knowledge-sidebar-list {
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }
  .page-shell[data-page="knowledge"] .knowledge-category-button {
    flex: 0 0 auto;
    width: auto;
    padding-inline: 16px;
  }
  .page-shell[data-page="knowledge"] .knowledge-category-text {
    white-space: nowrap;
  }
}