.app-page {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) 290px;
}
.left-sidebar,
.right-rail {
  background: var(--surface);
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: auto;
}
.left-sidebar {
  border-left: 1px solid var(--line);
  padding: 22px 18px;
}
.right-rail {
  border-right: 1px solid var(--line);
  padding: 16px;
}
.main {
  padding: 16px 18px 34px;
  min-width: 0;
}
.layout-stack {
  display: grid;
  gap: 14px;
}
.grid2,
.grid3,
.grid4 {
  display: grid;
  gap: 14px;
}
.grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.section-gap { margin-top: 14px; }
.mobile-menu-toggle {
  display: none;
}