Fix usability issue with highlighting of changes in the main platform table

.gitignore

@@ -30,8 +30,9 @@ npm-debug.log*
 *.tmp
 *.bak
 
-# Ignore Claude
+# Ignore Code Assist tools
 .claude
+.codex
 
 # Archived reference
 v1-reference/

AGENTS.md

@@ -0,0 +1 @@
+Read CLAUDE.md

README.md

@@ -94,6 +94,8 @@ _data/
 
 **Interactive features:** The platform table supports collapsible category sections — users can click any category header (Linux, macOS, Windows, Components) to collapse/expand its rows. Collapsed state is remembered across visits via localStorage.
 
+**Version change markers:** A yellow dot beside a version in the homepage and history tables means it differs from the previous calendar year's version, even when that earlier year is outside the displayed range. A legend above each table explains the marker. Markers are calculated automatically from the platform data; no manual formatting is needed.
+
 ---
 
 ## Common Tasks

_includes/platform-table.html

@@ -5,6 +5,11 @@
 
 {% assign col_count = include.years | size | plus: 1 %}
 
+<p class="flex items-center gap-2 mb-3 text-sm text-gray-600 dark:text-gray-300">
+  <span class="version-change-marker" aria-hidden="true"></span>
+  Version differs from the previous calendar year
+</p>
+
 <div class="platform-table-wrapper{% if include.compact %} platform-table-compact{% else %} platform-table-sticky-col{% endif %}{% if include.scrollbar_top %} platform-table-scrollbar-top{% endif %}">
   <div class="overflow-x-auto">
     <table class="platform-table">
@@ -81,9 +86,9 @@
                   {% endif %}
                 {% endif %}
 
-                <td class="text-sm{% if version_changed %} version-changed{% endif %}">
+                <td class="text-sm">
                   {% if item_data and item_data.version %}
-                    <span class="font-mono">{{ item_data.version }}</span>
+                    <span class="version-value font-mono">{{ item_data.version }}{% if version_changed %}<span class="version-change-marker" aria-hidden="true"></span><span class="sr-only"> (differs from the previous calendar year)</span>{% endif %}</span>
                     {% if item_data.inline_note %}
                       <br><small class="text-gray-500 dark:text-gray-400">({{ item_data.inline_note }})</small>
                     {% endif %}
@@ -102,4 +107,3 @@
     </table>
   </div>
 </div>
-

assets/css/main.css

@@ -123,16 +123,25 @@
     background-color: rgb(var(--color-primary) / 0.07);
   }
 
-  .platform-table td.version-changed {
-    @apply bg-amber-50 dark:bg-amber-900/30;
+  .version-change-marker {
+    @apply inline-block shrink-0 rounded-full bg-yellow-600 dark:bg-yellow-400;
+    width: 0.375rem;
+    height: 0.375rem;
   }
 
-  .platform-table tr.row-alt td {
-    @apply bg-gray-50 dark:bg-gray-800/30;
+  .platform-table .version-value {
+    @apply relative inline-block;
+    padding-inline: 0.875rem;
+  }
+
+  .platform-table .version-value .version-change-marker {
+    position: absolute;
+    right: 0;
+    top: 0.55em;
   }
 
-  .platform-table tr.row-alt td.version-changed {
-    @apply bg-amber-100 dark:bg-amber-900/40;
+  .platform-table tr.row-alt td {
+    @apply bg-gray-50 dark:bg-gray-800/30;
   }
 
   .platform-table .category-header td {