一般的な内容はここまで。でも「あなたの場合」は違うんです。
同じ星座・同じカードでも、置かれている状況で読み取り方は変わります。
気になることがあるなら、無料分の範囲で1問だけ占い師に聞いてみる手もありますよ。
[cta_fortune service="..." type="text-link-inline"] ← or type="button-in-section"
設計方針 (v1.2.1〜):
- 淡紫の背景＋角丸＋四方の細い薄紫罫で「やわらかい案内ボックス」に見せる。
v1.2.0 までの左の太罫（border-left:4px）は blockquote（引用）に見えてしまうため撤去。
- 内部に CTA ショートコード（.cta-fortune-2line / .cta-fortune-text-link）が入るので、
ネスト要素には余白以外ほぼ干渉しない（ボタン/リンクの装飾は cta-fortune-style.css に委譲）。
- 紫系トンマナを既存 luna-* と統一。見出し行の色で温度感を出す。
============================================================================= */
.post_content .luna-soudan-box {
margin: 30px 0 26px;
padding: 16px 20px 14px;
background: linear-gradient(0deg, var(--luna-bg-light), var(--luna-bg-light));
/* 四方を細い薄紫罫で均一に囲む（引用ブロック風の左太罫は v1.2.1 で撤去）。
淡背景＋角丸＋細罫で「やわらかい案内ボックス」に見せ、blockquote 感を出さない。 */
border: 1px solid var(--luna-border-soft);
border-radius: 8px;
box-shadow: 0 2px 6px rgba(107, 63, 160, 0.07);
}
/* リード行（「あなたの場合は違う」型の太字フック）*/
.post_content .luna-soudan-box .luna-soudan-box__lead {
margin: 0 0 8px;
padding: 0;
font-size: 15.5px;
line-height: 1.65;
}
.post_content .luna-soudan-box .luna-soudan-box__lead strong {
color: var(--luna-purple-dark);
font-weight: 700;
}
/* 本文段落（寄り添いトーン）*/
.post_content .luna-soudan-box p {
margin: 0 0 10px;
padding: 0;
font-size: 15px;
line-height: 1.75;
color: var(--luna-text-soft);
}
.post_content .luna-soudan-box p:last-child {
margin-bottom: 0;
}
/* v1.2.3: 相談ボックス内のマイクロコピー（CTAボタン上の「＼ … ／」行）の「上」に約10pxの余白。
↑の `.luna-soudan-box p { padding:0 }`（詳細度 0,2,1）が cta-fortune-style.css の素の
`.cta-fortune-microcopy`（詳細度 0,1,0）に勝つため、本ファイル側で詳細度 0,3,0 の専用セレクタを
立てて上書きする。誘導文（直上の > p）↔ マイクロコピーの間隔を広げるのが目的。
margin だと隣接マージン相殺で効かないため padding-top。ボタン位置・中央化（下の §v1.2.2）は不変。*/
.post_content .luna-soudan-box .cta-fortune-microcopy {
padding-top: 10px;
}
/* 内部に入る CTA ショートコード（大ボタン / テキストリンク）の上下余白だけ調整。
ボタン・リンク自体の色や角丸は cta-fortune-style.css の装飾に委ねる（二重指定しない）。*/
.post_content .luna-soudan-box .cta-fortune-2line {
margin: 6px 0 2px;
}
.post_content .luna-soudan-box .cta-fortune-text-link {
margin: 4px 0 2px;
}
.post_content .luna-soudan-box .cta-fortune-text-link a {
font-weight: 700;
}
/* v1.2.2: 相談ボックス内の CTA（マイクロコピー＋ボタン）を「ボックスの中央」に揃える。
背景: cta-fortune-style.css の .cta-fortune-2line は max-width:600px だが、相談ボックス内では
左マージンが詰まって左寄せ表示になっていた（ボックス幅 ~786px に対し 600px 幅のラッパーが
左詰め）。その結果、ラッパー内では中央のマイクロコピー／ボタンも見かけ上「左寄り」に見えていた。
対応: 相談ボックス内に限定して .cta-fortune-2line の左右マージンを auto にし、ラッパーごと中央化する。
マイクロコピーは元々 text-align:center、ボタンは .wp-block-buttons の justify-content:center
なので、ラッパーが中央に来れば両方そのままボックス中央に揃う（PC の改行禁止 width:max-content も維持）。
非干渉: 見出し（.luna-soudan-box__lead）と誘導文（> p）は左寄せのまま（text-align:start を変えない）。
cta-fortune-style.css 本体には触らず、相談ボックス内スコープでマージンだけ上書きする。 */
.post_content .luna-soudan-box .cta-fortune-2line {
margin-left: auto;
margin-right: auto;
}
/* SP 調整 (max-width: 600px) */
@media (max-width: 600px) {
.post_content .luna-soudan-box {
margin: 24px 0 20px;
padding: 13px 15px 11px;
}
.post_content .luna-soudan-box .luna-soudan-box__lead {
font-size: 14.5px;
line-height: 1.6;
}
.post_content .luna-soudan-box p {
font-size: 14px;
line-height: 1.7;
}
}
/* =============================================================================
7. luna-scroll-table: 横長テーブルの SP 横スクロール枠（汎用 / 任意 opt-in）
（v2-horoscope の月別運勢カレンダー / v2-empathy の対比表 など）
役割:
星座運勢の「月別カレンダー」(1〜12月＋運勢で列が多い) や、
悩み相談の「待つべきサイン vs 諦めるべきサイン」対比表のように、
列が多くてスマホ幅に収まらないテーブルを、横スクロールで救済する。
luna-fit-table / luna-overview-table と同じ横スクロール方式を、
装飾なしの素のテーブル（figure.wp-block-table）に最小限で被せる汎用版。
構造（HTML 雛形）: