@media (max-width: 1120px) {
  .app-shell {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }

  .workspace {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    grid-template-areas:
      "filters tree"
      "drawer drawer";
  }

  /* Restate columns so base .workspace[data-view="findings"] does not override tablet tracks. */
  .workspace[data-view="findings"] {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    grid-template-areas: "filters tree";
  }

  .tree-card {
    min-height: 360px;
  }

  .rail-resize-handle {
    display: none;
  }
}

@media (max-width: 760px) {
  .app-shell {
    padding: 6px;
  }

  .topbar,
  .workspace {
    display: grid;
  }

  .topbar {
    justify-items: stretch;
  }

  .topbar-actions {
    justify-content: start;
  }

  .workspace {
    grid-template-columns: 1fr;
    grid-template-areas:
      "filters"
      "tree"
      "drawer";
  }

  .workspace[data-view="findings"] {
    grid-template-columns: 1fr;
    grid-template-areas:
      "filters"
      "tree";
  }

  .tree-card {
    min-height: 360px;
  }

  .tree-svg {
    min-height: 300px;
  }
}