/* ==========================================================================
   c-summary — Figma: Summary/Challenge（事例記事の 3 点サマリー: 課題 / 施策 / 成果）
   PC: 344px × 3 列・間隔 24px / SP: 縦積み・間隔 16px
   背景色（bg/brand-subtle）は置く側のセクションで持つ
   ========================================================================== */

.c-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-24);
}

.c-summary__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding: var(--space-24);
  background-color: var(--color-bg-base);
  color: var(--color-text-base);
}

.c-summary__head {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.c-summary__label {
  color: var(--color-text-brand);
}

@media (max-width: 1023px) {

  .c-summary {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-16);
  }
}