/* =====================================================================
   ハイライト式の部品 ― 各セクションの終わりの「DM で相談」（予約担当）
   sections/booking/cta/style.css
   - ひとこと（--fs-sm・補足の色）＋ .btn .btn--dm を中央に置く（design.md 23. 予約担当）。
   - ボタンの形は base.css の .btn .btn--dm。本文からの間（--space-6）は base.css の
     [data-slot="line-cta"] が入れる。値は tokens.css の変数だけ。
   ===================================================================== */
.line-cta {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  text-align: center;
}
.line-cta-lead {
  max-width: var(--w-text);
  font-size: var(--fs-sm);
  line-height: var(--lh-snug);
  color: var(--color-text-sub);
}
/* 小部屋のボタンのすぐ上の一言（script.js の TIMING。例：着る日・予約のページ）：案内の囲み（.card .card--soft）。
   中の確認中の印（.tbd）は base.css の形のまま */
.line-cta-note {
  justify-self: stretch;
  max-width: var(--w-text);
  text-align: start;
  font-size: var(--fs-sm);
  line-height: var(--lh-snug);
}
.line-cta--room .line-cta-note { margin-bottom: var(--space-2); }