Refactor table styles to _tables.scss and fix AI page tables

Extracts common table styles into a new partial `_tables.scss` and imports it globally.

This replaces the duplicated `table` style blocks previously found in `ai.scss`, `research.scss`, and `capabilities.scss`.

This change ensures consistent styling for all tables within the main content area (`main table`) and specifically fixes the unstyled "Four Mindsets" table on the AI Research page, which was previously missing styles due to a CSS selector mismatch.

Fixes #1236

Author: nathenharvey

hugo/themes/dora-2025/assets/scss/_tables.scss

@@ -0,0 +1,32 @@
+@import "_variables.scss";
+
+main table {
+    border: 1px solid $border-light;
+    border-collapse: collapse;
+    width: 100%;
+    margin-bottom: 1.5rem;
+
+    tr {
+
+        th,
+        td {
+            margin: 0;
+            padding: 0.5em 0.75em;
+            vertical-align: top;
+        }
+
+        th {
+            background-color: $background-medium;
+            text-align: left;
+        }
+
+        td {
+            font-weight: 300;
+            font-size: 0.9em;
+        }
+
+        &:nth-child(even) {
+            background-color: $background-light;
+        }
+    }
+}

hugo/themes/dora-2025/assets/scss/ai.scss

@@ -118,35 +118,4 @@ tab_links {
   max-width: 24em;
 }
 
-.mainContent table {
-  border: 1px solid $border-light;
-  border-collapse: collapse;
-  width: 100%;
-
-  tr {
-
-    th,
-    td {
-      margin: 0;
-      padding: 0.5em 0.75em;
-      vertical-align: top;
-    }
-
-    th {
-      background-color: $background-medium;
-      text-align: left;
-    }
-
-    td {
-      font-family: $font-roboto;
-      font-weight: 300;
-      font-size: 0.9em;
-    }
-
-    &:nth-child(even) {
-      background-color: $background-light;
-    }
-  }
-}
-
 @import "_dora-perspective.scss";

hugo/themes/dora-2025/assets/scss/capabilities.scss

@@ -10,7 +10,7 @@
         border: 1px solid $border-light;
         border-radius: 0.5em;
         display: flex;
-       flex-direction: column;
+        flex-direction: column;
         grid-template-areas:
             "heading"
             "content";
@@ -21,13 +21,13 @@
             margin: 0;
             padding: .75rem 0.5rem 0 0.75rem;
             display: flex;
-            gap:4px;
+            gap: 4px;
             flex-direction: row;
 
             a {
                 color: $color-text;
                 text-decoration: none;
-                flex-grow:1;
+                flex-grow: 1;
             }
 
             .core,
@@ -94,33 +94,6 @@ article {
         font-size: 0.80em;
     }
 
-    table {
-        border: 1px solid $border-light;
-        border-collapse: collapse;
-
-        tr {
-
-            th,
-            td {
-                margin: 0;
-                padding: 0.25em 0.75em;
-            }
-
-            th {
-                background-color: $background-medium;
-            }
-
-            td {
-                font-family: $font-roboto;
-                font-weight: 300;
-                font-size: 0.9em;
-            }
-
-            &:nth-child(even) {
-                background-color: $background-light;
-            }
-        }
-    }
 }
 
 section.hasSidebar {
@@ -193,4 +166,4 @@ h1.tags {
 
 .measures-table {
     margin-bottom: 1.5rem;
-}
+}

hugo/themes/dora-2025/assets/scss/main.scss

@@ -19,6 +19,7 @@
 @import "awards.scss";
 @import "insights-list.scss";
 @import "section.scss";
+@import "_tables.scss";
 
 :root {
   font-family: "Google Sans Flex", Arial, Helvetica, sans-serif;

hugo/themes/dora-2025/assets/scss/research.scss

@@ -132,37 +132,6 @@ tab_links {
     max-width: 24em;
 }
 
-.mainContent table {
-    border: 1px solid $border-light;
-    border-collapse: collapse;
-    width: 100%;
-
-    tr {
-
-        th,
-        td {
-            margin: 0;
-            padding: 0.5em 0.75em;
-            vertical-align: top;
-        }
-
-        th {
-            background-color: $background-medium;
-            text-align: left;
-        }
-
-        td {
-            font-family: $font-roboto;
-            font-weight: 300;
-            font-size: 0.9em;
-        }
-
-        &:nth-child(even) {
-            background-color: $background-light;
-        }
-    }
-}
-
 .container-wide {
     max-width: $layout-breakpoint-maxplus;
     margin: 0 auto;