/* 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 の改行やインデントが表示上の空白になるので、テキストのときだけ付ける。 */
/* wrap-anywhere は、折り返し位置の無い長い連続文字列（URL など）がカードから */
/* はみ出さないように単語の途中でも折り返す。テキストは flex 親（.ui-card__contents）の */
/* 匿名 flex item になり min-width: auto で縮まないため、min-content 幅ごと縮む */
/* overflow-wrap: anywhere を使う（break-words では折り返されない）。 */
.ui-card__contents--text {
  @apply wrap-anywhere whitespace-pre-line text-sm leading-5 text-gray-600;
}