hp-archive: 表のスクロール表示と市Xの新着を反映

- 審議会等・イベントの表を枠内スクロールにし、終了分を下にまとめてグレー表示
- 情報源にこだいら観光まちづくり協会のホームページを追加
- 市公式Xの10月28日の新着3件を追加
- 鈴木遺跡のテレビ放映を10月28日と11月2日の再放送に分割

1 files changed, 26 insertions, 1 deletions

diff --git a/src/styles/custom.css b/src/styles/custom.css
index de7281d..1e763f9 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -264,6 +264,30 @@ body:has(.parks-controls) .sl-markdown-content p {
 }
 
 /* ── 審議会・イベントの日程表 ── */
+.schedule-table {
+  max-height: min(60vh, 32rem);
+  overflow: auto;
+  border: 1px solid var(--sl-color-gray-5);
+  border-radius: 8px;
+  background: var(--sl-color-bg);
+  overscroll-behavior: contain;
+  scrollbar-gutter: stable;
+}
+.schedule-table table {
+  margin: 0;
+}
+.schedule-table thead th {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: var(--sl-color-bg);
+  box-shadow: 0 1px 0 var(--sl-color-gray-5);
+}
+@media (max-width: 600px) {
+  .schedule-table {
+    max-height: 50vh;
+  }
+}
 .schedule-table table th:last-child,
 .schedule-table table td:last-child {
   font-size: 0.86em;
@@ -2064,6 +2088,7 @@ td.sanpi-open .sanpi-title {
 }
 .schedule-table tbody tr.is-ended td {
   color: var(--sl-color-gray-3);
+  background: var(--sl-color-gray-6);
 }
 .schedule-ended-badge {
   display: inline-block;
@@ -2071,7 +2096,7 @@ td.sanpi-open .sanpi-title {
   padding: 0 0.35rem;
   border: 1px solid var(--sl-color-gray-5);
   border-radius: 999px;
-  background: var(--sl-color-gray-6);
+  background: var(--sl-color-bg);
   font-size: 0.7rem;
   line-height: 1.5;
   color: var(--sl-color-gray-3);