/* ── Shared page layout ──
   page-container is a direct flex child of .app-body, so it must
   use flex: 1 + overflow-y: auto to fill the viewport and scroll. */
.page-container {
  flex: 1;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem 1rem;
}

.page-container-wide {
  align-items: stretch;
  padding: 1.5rem 1rem;
}

/* ── Account page: side-by-side panels ── */
.account-page-layout {
  flex-wrap: wrap;
  flex-direction: row;
  gap: 1.5rem;
  justify-content: center;
  align-items: flex-start;
}
