⚠️ このページは視認性改善コンポーネントの動作確認用テストです（gitignore 済 / 本番未公開）。
1. ConclusionBox
通常の段落テキスト。ConclusionBox の上下のスペーシング、左アクセントラインの色、ラベル「結論」の font weight、本文の読みやすさを確認してください。
2. WarningBox
通常段落で挟んだとき、警告色が強すぎないか確認。既存の > ⚠️ blockquote と並べた印象もチェック。
⚠️ 既存の blockquote 装飾（比較用）
3. NgBox
箇条書きの marker 色、間隔、左アクセントラインの色を確認。
4. RecommendBox
CTA 前に置いたときに広告感が強くないか、中立ポジティブな印象になっているか確認。
5. Highlight（インライン）
通常の段落の中で、身バレ対策は顔写真だけでは不十分です。 のようにインラインで使えます。
別の段落で複数使った場合の見え方も確認。本人確認の有無は登録前に必ずチェックしましょう。そして次の文章は通常通り続きます。
長文に使うと読みにくくなるので、1 文単位で短く強調するのが原則です。
6. 連続配置の確認（重く見えないか）
7. テーブルとの干渉確認
| 項目 | 値 | 値 |
|---|---|---|
| 既存 table ラッパー | OK | OK |
| Box との上下間隔 | OK | OK |
⚠️ このページは視認性確認用のテスト記事です。本番反映前に削除します。