見出しと ## ### などのMarkdown記号の間隔を狭める (#233)

* heading要素の先頭に##, ### などを表示する

CSSの::before疑似要素を使用して、各見出しレベル（h1-h6）の先頭に
対応するMarkdown記号（#, ##, ###など）を表示するように実装。

記号の色はグレー(--color-gray)に設定し、見出しテキストとの間に
8pxのマージンを追加。

Fixes #231

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

* docs: スクリーンショットを追加

heading要素にMarkdown記号が表示されている様子のスクリーンショット

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

* docs: スクリーンショットを更新

間隔を調整した後の見た目を反映

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

* style: Markdown記号とタイトルの間隔を0に変更

margin-rightを0に設定し、記号とタイトルの間に間隔がないように変更

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

* docs: スクリーンショットを更新

マージン0に変更した後の見た目を反映

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

* style: Markdown記号の半角スペースを削除し間隔を2pxに変更

- content内の半角スペースを削除（例: "## " → "##"）
- margin-rightを0から2pxに変更

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

* docs: スクリーンショットを更新

半角スペース削除とmargin-right 2pxの変更を反映

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

* docs: スクリーンショットを削除

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: kyu08

static/style.css

@@ -30,33 +30,33 @@ h1, h2, h3, h4, h5, h6 {
 
 /* Markdown記号の表示 (h1は記事タイトルに使用されるため除外) */
 h2::before {
-  content: "## ";
+  content: "##";
   color: var(--color-gray);
-  margin-right: 8px;
+  margin-right: 2px;
 }
 
 h3::before {
-  content: "### ";
+  content: "###";
   color: var(--color-gray);
-  margin-right: 8px;
+  margin-right: 2px;
 }
 
 h4::before {
-  content: "#### ";
+  content: "####";
   color: var(--color-gray);
-  margin-right: 8px;
+  margin-right: 2px;
 }
 
 h5::before {
-  content: "##### ";
+  content: "#####";
   color: var(--color-gray);
-  margin-right: 8px;
+  margin-right: 2px;
 }
 
 h6::before {
-  content: "###### ";
+  content: "######";
   color: var(--color-gray);
-  margin-right: 8px;
+  margin-right: 2px;
 }
 
 html,