/* ---- App shell ---- */
.app-shell {
  max-width: 1440px;
  padding: var(--gutter);
  margin-inline: auto;
}

/* ---- Draft layout (sidebar + main) ---- */
.draft-layout {
  display: grid;
  grid-template-columns: var(--sidebar-w) 1fr;
  gap: var(--gutter);
}

/* ---- Sidebar stack ---- */
.stack {
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
}

/* ---- Item grid (fixed-width cards that wrap) ---- */
.item-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-3);
}

.item-card {
  width: var(--item-w);
}

/* ---- Responsive: stack sidebar above board below ~900px ---- */
@media (max-width: 900px) {
  .draft-layout {
    grid-template-columns: 1fr;
  }

  .item-card {
    width: 100%;
  }
}