/*
 * Pitru Theme v2 — pages/pandits.css
 *
 * Page-specific rhythm for /pandits/. The archive header / controls /
 * result-bar / card / lineage-band are all in the shared components
 * bundle (pps-components); this file only declares:
 *
 *   1. The 12-column grid and its 6 / 4 cell spans
 *   2. Section spacing between result-bar and grid
 *   3. Responsive collapses for tablet + mobile
 *
 * Port source: ORG pandits.html PanditsArchive grid (lines 167-175)
 *   - inline: `gridTemplateColumns: repeat(12, 1fr), gap: 20`
 *   - cards:  `span={p.featured ? 6 : 4}`
 */

/* ---- Section frame ------------------------------------------------------ */
.pps-archive-pandit__grid-section {
  padding: 24px 0 80px;
}

/* ---- 12-column grid ----------------------------------------------------- */
.pps-archive-pandit__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}

/* ---- Cell spans (match ORG rhythm: featured → 6, default → 4) ---------- */
.pps-archive-pandit__cell--span-6 { grid-column: span 6; }
.pps-archive-pandit__cell--span-4 { grid-column: span 4; }

/* Cards stretch to the tallest sibling in each row. */
.pps-archive-pandit__cell--span-6 > .pps-card-pandit,
.pps-archive-pandit__cell--span-4 > .pps-card-pandit {
  height: 100%;
}

/* -------------------------------------------------------------------------
 * Responsive — tablet collapses to 2-col rhythm, mobile to single column.
 * ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .pps-archive-pandit__grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
  }
  .pps-archive-pandit__cell--span-6 { grid-column: span 6; }
  .pps-archive-pandit__cell--span-4 { grid-column: span 3; }
}

@media (max-width: 720px) {
  .pps-archive-pandit__grid-section { padding: 16px 0 56px; }
  .pps-archive-pandit__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .pps-archive-pandit__cell--span-6,
  .pps-archive-pandit__cell--span-4 {
    grid-column: span 1;
  }
}