/* ============================================================
   archive-case-study.css  —  Case Studies Archive (post_type = case_study)
   Template    : archive-case_study.php
   Deps        : intone-design-system + intone-theme-tokens + page-blogs.css
                 (hero, .blogs-case-card, pagination, empty state all
                 reused as-is from page-blogs.css — this file only adds
                 the paginated grid wrapper the carousel version doesn't
                 need, plus the page background/padding.)
   ============================================================ */

.intone-case-study-page {
  padding-top: clamp(80px, 12vw, 120px);
  background: #fff;
}

[data-theme="dark"] .intone-case-study-page {
  background: var(--t-bg);
}

.cs-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 64px;
}

/* .blogs-case-card sets a flex-track width (calc(33.333% - 16px)) for its
   carousel context — inside a CSS grid the track sizing already comes
   from the grid column, so drop the explicit width. */
.cs-archive-grid .blogs-case-card {
  width: auto;
}

@media (max-width: 1100px) {
  .cs-archive-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .cs-archive-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}