/**
 * File: archive-works.css
 * Usage: archive-works.php / taxonomy-works_category.php（実績アーカイブ）のスタイル。
 * Design: figma「まーける様 / 実績紹介 アーカイブ」
 *
 * 絞り込みチップ（.bl_archFilter）とページャー（.bl_archPager）は
 * コラムアーカイブと共通のため subp.css に定義。
*/

.ly_worksArchive {
  padding-block: 48px 80px;
}
.ly_worksArchive .el_subpTitle {
  margin-bottom: 40px;
}
.ly_worksArchive .bl_archFilter {
  margin-bottom: 40px;
}

/* ================================================
  カード一覧
================================================ */
.bl_worksGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
.bl_worksEmpty {
  margin-top: 24px;
  color: var(--c-muted);
}

/* ================================================
  PC
================================================ */
@media screen and (min-width: 768px) {
  .ly_worksArchive {
    padding-block: 60px 120px;
  }
  .ly_worksArchive .bl_archFilter {
    margin-bottom: 48px;
  }
  .bl_worksGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 40px;
  }
}
@media screen and (min-width: 1024px) {
  .bl_worksGrid {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 40px;
  }
}