/* ==========================================================================
   pages/works.css — 支援事例一覧（/works/）専用スタイル（担当C）
   既存トークン・c-クラス（ennect.css）を再利用し、ページ固有の p-works__* のみ定義
   ========================================================================== */

/* タイトル帯直下のリード文 */
.p-works__lead {
  max-width: 46em;
  color: var(--color-text-mute);
}

/* 事例カードグリッド（DESIGN.md §2.4: 2カラム基本・行間広め） */
.p-works__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 30px;
}

/* 実績カード（c-card 面色・角丸を継承。業界タグ→和文タイトル→成果1行の縦積み） */
.p-works__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-works__cardTag {
  background: var(--color-bg); /* カード面 #fafafa の上ではアウトライン+白面で分離 */
}
.p-works__card .c-card__title {
  margin-top: 20px;
}
.p-works__card .c-card__text {
  margin-top: 10px;
}

@media (max-width: 999px) {
  .p-works__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .p-works__card .c-card__title {
    margin-top: 16px;
  }
}