Add gold kekule highlighting to ancestors/descendants pages

- Added kekule-badge and gold border styling
- Pass kekule_number in tree data from routes
- Show gold left border for ancestors of Christ

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

kjvstudy_org/routes/family_tree.py

@@ -649,6 +649,7 @@ async def family_tree_descendants_page(request: Request, person_id: str):
             "id": pid,
             "name": person_data["name"],
             "generation": person_data.get("generation"),
+            "kekule_number": person_data.get("kekule_number"),
             "children": children,
             "child_count": len(person_data.get("children", []))
         }
@@ -705,6 +706,7 @@ async def family_tree_ancestors_page(request: Request, person_id: str):
             "id": pid,
             "name": person_data["name"],
             "generation": person_data.get("generation"),
+            "kekule_number": person_data.get("kekule_number"),
             "parents": parents,
             "parent_count": len(person_data.get("parents", []))
         }

kjvstudy_org/templates/family_tree_ancestors.html

@@ -49,6 +49,20 @@
     padding-left: 0;
 }
 
+.tree-node.kekule {
+    border-left-color: #d4af37;
+}
+
+.kekule-badge {
+    display: inline-block;
+    font-size: 0.75rem;
+    background: #d4af37;
+    color: white;
+    padding: 0.1rem 0.4rem;
+    border-radius: 3px;
+    margin-left: 0.5rem;
+}
+
 .person-name {
     font-size: 1.1rem;
     font-weight: 600;
@@ -112,9 +126,10 @@
 
     {# Recursive macro to display ancestors #}
     {% macro render_ancestors(node, is_root=False) %}
-        <div class="tree-node{% if is_root %} tree-node-root{% endif %}">
+        <div class="tree-node{% if is_root %} tree-node-root{% endif %}{% if node.kekule_number %} kekule{% endif %}">
             <div class="person-name">
                 <a href="/family-tree/person/{{ node.id }}">{{ node.name }}</a>
+                {% if node.kekule_number %}<span class="kekule-badge">#{{ node.kekule_number }}</span>{% endif %}
             </div>
             {% if node.generation %}
             <div class="person-meta">

kjvstudy_org/templates/family_tree_descendants.html

@@ -49,6 +49,20 @@
     padding-left: 0;
 }
 
+.tree-node.kekule {
+    border-left-color: #d4af37;
+}
+
+.kekule-badge {
+    display: inline-block;
+    font-size: 0.75rem;
+    background: #d4af37;
+    color: white;
+    padding: 0.1rem 0.4rem;
+    border-radius: 3px;
+    margin-left: 0.5rem;
+}
+
 .person-name {
     font-size: 1.1rem;
     font-weight: 600;
@@ -110,9 +124,10 @@
 
     {# Recursive macro to display descendants #}
     {% macro render_descendants(node, is_root=False) %}
-        <div class="tree-node{% if is_root %} tree-node-root{% endif %}">
+        <div class="tree-node{% if is_root %} tree-node-root{% endif %}{% if node.kekule_number %} kekule{% endif %}">
             <div class="person-name">
                 <a href="/family-tree/person/{{ node.id }}">{{ node.name }}</a>
+                {% if node.kekule_number %}<span class="kekule-badge">#{{ node.kekule_number }}</span>{% endif %}
             </div>
             {% if node.generation %}
             <div class="person-meta">