@media (max-width: 900px) {
  .hero,
  .workspace,
  .calculator-grid,
  .galton-layout,
  .simulation-layout {
    grid-template-columns: 1fr;
  }

  .side-panel {
    position: static;
  }

  .topbar {
    align-items: center;
    flex-direction: row;
    padding: 0 14px;
  }

  .lab-search span {
    display: none;
  }

  .lab-search input {
    width: min(44vw, 220px);
  }

  .axis-grid {
    grid-template-columns: 1fr;
  }
}
