/* ── Capital: upcoming planned items — conditional scroll ─────── */
.capital-upcoming-card .budget-list {
  max-height: 420px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* ── Capital: upcoming card stretch + conditional scroll ─────── */
.capital-upcoming-card {
  display: flex;
  flex-direction: column;
}
.capital-upcoming-card .budget-list {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  min-height: 0;
}

/* ── Capital: upcoming card full height in grid ──────────────── */
.capital-layout .capital-upcoming-card {
  height: 100%;
  box-sizing: border-box;
}

/* ── Capital: 3-column bottom row ───────────────────────────── */
.capital-layout {
  grid-template-columns: repeat(3, 1fr);
}
.capital-layout .capital-hero-card {
  grid-column: 1 / -1;
}
@media (max-width: 900px) {
  .capital-layout {
    grid-template-columns: 1fr;
  }
}