@media (max-width: 860px) {
  .topbar,
  .layout,
  .reader-shell,
  .split,
  .references,
  .toolbar {
    display: block;
  }

  .topnav {
    margin-top: 14px;
    overflow-x: auto;
  }

  .sidebar {
    position: static;
    height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .sidebar-block {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }

  .toolbar > * + * {
    margin-top: 8px;
  }

  .reader-aside {
    position: static;
    height: auto;
    margin-bottom: 16px;
  }

  .guide-grid,
  .workflow-list {
    grid-template-columns: 1fr;
  }
}