/* ── Layout ── */

.page-narrow {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 28px;
}
.page-wide {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 28px 60px;
}
.centered {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 28px;
}
.centered-narrow {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 var(--space-5);
  text-align: center;
}

/* Two-column layout */
.two-column {
  display: flex;
  gap: var(--space-8);
  max-width: 1200px;
}
.two-column .col-main { flex: 2; }
.two-column .col-side {
  flex: 1;
  align-self: flex-start;
}
.two-column .col-side .picks-sidebar,
.two-column .col-side .circle-card {
  position: sticky;
  top: var(--space-6);
  max-height: calc(100vh - 24px);
  overflow-y: auto;
  scrollbar-width: none;
  background: var(--color-white);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
}
.two-column .col-side .picks-sidebar::-webkit-scrollbar,
.two-column .col-side .circle-card::-webkit-scrollbar { display: none; }

.picks-sidebar .section-header {
  margin-bottom: var(--space-4);
}