/* Card — 見出しと本文を薄いグレーの面に載せるカード（Figma Card 仕様準拠） */
.ui-card {
  @apply flex w-full flex-col items-start gap-2 overflow-clip rounded-lg bg-gray-50 p-6;
}

.ui-card__heading {
  @apply flex w-full items-start gap-2;
}

/* 見出しは残り幅いっぱいに伸ばし、右のアクションを押し出さない。 */
.ui-card__title {
  @apply min-w-0 flex-1;
}

/* 本文。中身がテキストでもブロックでも共通の枠組みだけ持つ。 */
.ui-card__contents {
  @apply flex w-full flex-col items-start gap-1 overflow-clip;
}

/* 改行をそのまま改行として見せる（連続する空白は詰める）。ブロックに当てると */
/* ERB の改行やインデントが表示上の空白になるので、テキストのときだけ付ける。 */
.ui-card__contents--text {
  @apply whitespace-pre-line text-sm leading-5 text-gray-600;
}