refactor: テーブルCSSを共通化してDRYに

- /dojos と /dojos/activity で重複していたテーブルスタイルを統一
- custom.scss の .stats-table クラスに共通スタイルを集約
- 両ビューから重複CSSを削除し、stats-tableクラスを適用

Author: yasulab

app/assets/stylesheets/custom.scss

@@ -1075,7 +1075,34 @@ section {
 
 /* Stats and Dojos table styling */
 .stats-table {
-  td.inactive-item {
-    background-color: gainsboro;
+  table-layout: auto;
+  
+  th {
+    padding: 10px;
+    text-align: center;
+  }
+  
+  td {
+    padding: 1px 10px 1px 10px;
+    text-align: right;
+    font-size: smaller;
+    
+    &.url-cell {
+      white-space:   normal;         /* 改行を許可 */
+      word-wrap:     break-word;     /* 古めのブラウザ向け */
+      overflow-wrap: break-word;     /* 新しめのブラウザ向け */
+      word-break:    break-all;      /* 英数字が続く場合の保険 (必要に応じて) */
+      text-align:    left;
+    }
+    
+    &.inactive-item {
+      background-color: gainsboro;
+    }
+  }
+  
+  // Activity page specific style for expired events
+  span.expired a {
+    color: red;
+    background-color: #ffe5e5; /* 薄い赤背景 */
   }
 }

app/views/dojos/activity.html.erb

@@ -25,35 +25,8 @@
     </div>
   </p>
 
-  <style type="text/css">
-    /* URL 用のセルにクラスを付けておく想定 */
-    table { table-layout: auto; }
-    td {
-      padding: 1px 10px 1px 10px;
-      text-align: right;
-      font-size: smaller;
-    }
-    span.expired {
-      a {
-	color: red;
-	background-color: #ffe5e5; /* 薄い赤背景 */
-      }
-    }
-    td.url-cell {
-      white-space:   normal;         /* 改行を許可 */
-      word-wrap:     break-word;     /* 古めのブラウザ向け */
-      overflow-wrap: break-word;     /* 新しめのブラウザ向け */
-      word-break:    break-all;      /* 英数字が続く場合の保険 (必要に応じて) */
-      text-align:    left;
-    }
-    th {
-      padding: 10px;
-      text-align: center;
-    }
-  </style>
-
   <div style="margin-top: 20px;" align="center">
-    <table border="1">
+    <table border="1" class="stats-table">
       <tr>
         <th>
           <small>☯️ 道場名</small>

app/views/dojos/index.html.erb

@@ -62,27 +62,6 @@
     </p>
   </div>
 
-  <style type="text/css">
-    /* URL 用のセルにクラスを付けておく想定 */
-    table { table-layout: auto; }
-    td {
-      padding: 1px 10px 1px 10px;
-      text-align: right;
-      font-size: smaller;
-    }
-    td.url-cell {
-      white-space:   normal;         /* 改行を許可 */
-      word-wrap:     break-word;     /* 古めのブラウザ向け */
-      overflow-wrap: break-word;     /* 新しめのブラウザ向け */
-      word-break:    break-all;      /* 英数字が続く場合の保険 (必要に応じて) */
-      text-align:    left;
-    }
-    th {
-      padding: 10px;
-      text-align: center;
-    }
-  </style>
-
   <div style="margin-top: 20px;" align="center">
     <table border="1" class="stats-table">
       <tr>