From fbcec128115d681154aaac4944fc9b1a77e1dc3c Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Mon, 26 May 2025 20:37:02 -0400
Subject: [PATCH] Refactor inline AI commentary link styles to CSS class

---
 kjvstudy_org/templates/chapter.html | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/kjvstudy_org/templates/chapter.html b/kjvstudy_org/templates/chapter.html
index 7fda94c..d134954 100644
--- a/kjvstudy_org/templates/chapter.html
+++ b/kjvstudy_org/templates/chapter.html
@@ -72,6 +72,18 @@ sup.verse-number:hover {
     color: var(--text-primary) !important;
 }
 
+.ai-commentary-link {
+    color: var(--primary-light);
+    text-decoration: none;
+    font-weight: 500;
+    transition: color 0.2s ease;
+}
+
+.ai-commentary-link:hover {
+    color: var(--text-primary);
+    text-decoration: underline;
+}
+
 .highlight-verse,
 .verse-highlight {
     background-color: rgba(255, 235, 59, 0.3) !important;
@@ -302,7 +314,7 @@ sup.verse-number:hover {
 <div class="text-center mb-4">
     <h1 class="chapter-title">{{ book }} {{ chapter }}</h1>
     <p style="font-size: 1rem; color: var(--text-secondary); margin: 0.5rem 0 0 0; font-style: italic;">
-        Authorized King James Version (1769) with <a href="/book/{{ book }}/commentary" style="color: var(--primary-light); text-decoration: none; font-weight: 500; transition: color 0.2s ease;" onmouseover="this.style.color='var(--text-primary)'" onmouseout="this.style.color='var(--primary-light)'">AI Commentary</a>
+        Authorized King James Version (1769) with <a href="/book/{{ book }}/commentary" class="ai-commentary-link">AI Commentary</a>
     </p>
 </div>