/* ==========================================================================
   c-card-case — Figma: Card/Case（支援事例カード） (24413:6616)
   白地・枠線 border/default・影 Box-Dropshadow・内側 16px。サムネイル 312×176（16:9 相当）
   ========================================================================== */

.c-card-case {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  height: 100%;
  padding: var(--space-16);
  border: 1px solid var(--color-border-default);
  background-color: var(--color-bg-base);
  box-shadow: var(--shadow-box);
  color: var(--color-text-base);
  transition: box-shadow 0.2s ease;
}

.c-card-case:hover {
  box-shadow: var(--shadow-select); /* ホバー: Dropshadow-select（カード共通） */
}

.c-card-case__thumb {
  overflow: hidden;
  background-color: var(--color-bg-base);
}

.c-card-case__image {
  width: 100%;
  aspect-ratio: 312 / 176; /* Figma 固有寸法 */
  object-fit: cover;
}

.c-card-case__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.c-card-case__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* Figma: タイトルは 3 行まで表示 */
}

/* ホバー: タイトルは text/brand（下線なし） */
.c-card-case:hover .c-card-case__title,
.c-card-case:focus-visible .c-card-case__title {
  color: var(--color-text-brand);
}

.c-card-case__meta {
  color: var(--color-text-muted);
}