/* Overview — ラベルと値の組を縦に並べる（Figma Detail Row 仕様準拠） */
.ui-overview {
  @apply flex flex-col gap-2;
}

.ui-overview__item {
  @apply flex items-start gap-2 text-base leading-6;
}

/* ラベル幅は Figma の固定値 120px（w-30）。値の左端を行間で揃えるため shrink させない。 */
.ui-overview__label {
  @apply w-30 shrink-0 text-gray-600;
}

/* 長い値は行の中で折り返す。min-w-0 が無いと flex item の min-width: auto が効いて */
/* 縮まず、行からはみ出す。break-words は Figma の word-break: break-word 指定。 */
.ui-overview__content {
  @apply min-w-0 break-words text-gray-900;
}

/* 改行をそのまま改行として見せる（連絡先を複数行で出す等）。ブロックに当てると */
/* ERB の改行やインデントが表示上の空白になるので、テキストのときだけ付ける。 */
.ui-overview__content--text {
  @apply whitespace-pre-line;
}