astro.config.mjs, custom.css: サイドバーを4セクションに区切り線で分ける

- astro.config.mjs: トップレベルを、議会での活動（実績・一般質問・委員会・請願）、
  立場と発信（私の方針・メディア掲載）、テーマ（ディスレクシアについて・活動を
  支えるツール）、その他（ご支援・コンタクト）の順に並べ替えた
- custom.css: セクションの先頭3か所に横線と余白を入れた。nth-child の番号は
  astro.config.mjs の並び順に対応する

1 files changed, 18 insertions, 0 deletions

diff --git a/src/styles/custom.css b/src/styles/custom.css
index 29873b7..5b0a67c 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -340,6 +340,24 @@ p,
   text-align: justify;
 }
 
+/* ── Sidebar section dividers ── */
+/*
+ * 左サイドバーのトップレベルを、セクションごとに横線で区切る。
+ * 番号は astro.config.mjs の sidebar の並び順。
+ *   1 実績 / 2 一般質問 / 3 委員会・請願 |
+ *   4 私の方針 / 5 メディア掲載 |
+ *   6 ディスレクシアについて / 7 活動を支えるツール |
+ *   8 ご支援 / 9 コンタクト
+ * サイドバーを並べ替えたときは、ここも見直すこと。
+ */
+#starlight__sidebar ul.top-level > li:nth-child(4),
+#starlight__sidebar ul.top-level > li:nth-child(6),
+#starlight__sidebar ul.top-level > li:nth-child(8) {
+  margin-top: 1.1rem;
+  padding-top: 0.7rem;
+  border-top: 1px solid var(--sl-color-gray-5);
+}
+
 /* ── Admonition title inline ── */
 .sl-banner .title,
 aside .title {