sanpi.mdx: 賛否一覧に令和7年6月・4月臨時会・令和6年12月を追加

各表の下に安竹側・反対会派の賛否理由を簡潔に記載した。安竹列のセル着色、請願バッジ、見出しの改行、上部の会派別グラフ（安竹を先頭・太字、れ新（中倉）・市民（水口））を追加。生成スクリプトを同じ並び・氏名なし・請願バッジ・見出し改行に対応させた。

1 files changed, 88 insertions, 1 deletions

diff --git a/src/styles/custom.css b/src/styles/custom.css
index ad8966b..856bfe1 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -1283,6 +1283,7 @@ h3:hover .heading-anchor {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  vertical-align: middle;
   cursor: pointer;
   border-bottom: 1px dotted var(--sl-color-gray-4);
 }
@@ -1291,12 +1292,98 @@ h3:hover .heading-anchor {
   outline-offset: 2px;
 }
 td.sanpi-open .sanpi-title {
-  max-width: 42ch;
+  width: max-content;
+  max-width: 34em;
   white-space: normal;
   overflow: visible;
   border-bottom-color: transparent;
 }
 
+/* 請願の行だと分かるようにする */
+.sanpi-shugan {
+  display: inline-block;
+  margin-right: 0.4em;
+  padding: 0.05em 0.4em;
+  border: 1px solid var(--sl-color-accent);
+  border-radius: 3px;
+  background: var(--sl-color-accent-low);
+  color: var(--sl-color-accent-high);
+  font-size: 0.72em;
+  font-weight: 700;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+/* 賛否一覧: 各表の下に置く安竹の賛否理由 */
+.sanpi-reasons {
+  margin: 0.75rem 0 2rem;
+  font-size: 0.9em;
+}
+.sanpi-reasons p {
+  margin: 0 0 0.5rem;
+}
+.sanpi-reasons ul {
+  margin: 0;
+  padding-left: 1.2em;
+}
+.sanpi-reasons li {
+  margin: 0.3rem 0;
+}
+
+/* 賛否一覧: 上部の会派別グラフ */
+.sanpi-chart {
+  margin: 1rem 0 2rem;
+}
+.sanpi-chart-caption {
+  margin: 0 0 0.75rem;
+  font-size: 0.85em;
+  color: var(--sl-color-gray-2);
+}
+.sanpi-chart-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.sanpi-chart-item {
+  display: grid;
+  grid-template-columns: 8.5em 1fr 6.5em;
+  gap: 0.5rem;
+  align-items: center;
+  margin: 0.3rem 0;
+}
+.sanpi-chart-label {
+  font-size: 0.85em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.sanpi-chart-bar {
+  display: block;
+  height: 0.9em;
+  border-radius: 3px;
+  background: var(--sl-color-gray-5);
+  overflow: hidden;
+}
+.sanpi-chart-fill {
+  display: block;
+  height: 100%;
+  border-radius: 3px;
+}
+.sanpi-chart-val {
+  font-size: 0.8em;
+  color: var(--sl-color-gray-2);
+  white-space: nowrap;
+  text-align: right;
+}
+.sanpi-chart-val small {
+  font-size: 0.85em;
+}
+@media (max-width: 480px) {
+  .sanpi-chart-item {
+    grid-template-columns: 6em 1fr 5.5em;
+  }
+}
+
 /* ホバー時に議案名の全文をラベルのように表示する */
 .sanpi-tip {
   position: fixed;