/* =====================================================================
   isREAL public UI — はじめての方へ(ご利用の流れ)
   tokens.css を前提とするコンポーネントCSS。
   site chrome = cast-detail.css、ページ見出し = cast-index.css、
   セクション枠・リスト・本文・導線 = price.css(.pr-*)を併読して共用する。
   ゴールデンスクリーン: /_p/ir-golden-guide-2f8b47d1/
   実装WOでは参照のみ・編集禁止(変更はデザインレビューを通す)。
   ===================================================================== */

/* ---- 番号付きステップ ---- */
.gd-steps { margin-top: 16px; }
.gd-step {
  display: flex; gap: 16px;
  padding: 18px 2px; border-bottom: 1px solid var(--ir-line);
}
.gd-step:first-child { border-top: 1px solid var(--ir-line); }
.gd-step__no {
  font-family: var(--ir-font-meta);
  font-size: 13px; letter-spacing: 0.15em; color: var(--ir-brass);
  padding-top: 3px; flex-shrink: 0;
}
.gd-step__t {
  font-family: var(--ir-font-display); font-weight: 600;
  font-size: 15px; letter-spacing: 0.05em; line-height: 1.6;
  color: var(--ir-ink);
}
.gd-step__d {
  margin-top: 5px;
  font-family: var(--ir-font-sans); font-weight: 300;
  font-size: 13.5px; line-height: 1.9; letter-spacing: 0.05em;
  color: var(--ir-muted);
}