@media (max-width: 1024px) {
  .ts-main {
    grid-template-columns: 220px minmax(0, 1fr);
  }
  .ts-rail {
    display: none;
  }
}

@media (max-width: 840px) {
  .ts-main {
    grid-template-columns: minmax(0, 1fr);
  }
  .ts-sidebar {
    max-height: none;
  }
}

@media (max-width: 640px) {
  .ts-header {
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .ts-header-center {
    order: 3;
    width: 100%;
  }
  .ts-main {
    padding: 10px;
  }
}