@media (max-width: 1280px) {
  .shell {
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    gap: 18px;
    padding: 18px;
  }

  .main {
    min-width: 0;
  }
}

@media (max-width: 960px) {
  .shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: relative;
    top: 0;
    height: auto;
  }

  .topbar {
    flex-wrap: wrap;
    gap: 14px;
  }
}