Fix stars page UX and reading plans progress display

- Remove heading from stars page
- Left arrow key now collapses expanded item instead of navigating back
- Only navigate back with left key if nothing is selected
- Fix reading plans progress: correct ID from 'your-plans' to 'your-reading-plans'
- Change section to div for reading plans wrapper

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

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

kjvstudy_org/templates/reading_plans.html

@@ -162,10 +162,10 @@
     <p class="intro-text">Whether pursuing canonical familiarity through complete Bible reading or concentrating on specific portions, these schedules provide daily guidance for disciplined Scripture intake. Select a plan suited to your current season and study objectives.</p>
 </section>
 
-<section id="your-reading-plans" class="your-plans">
+<div id="your-reading-plans" class="your-plans">
     <h2 id="your-plans-heading">Your Reading Plans</h2>
     <ul class="your-plans-list" id="your-plans-list"></ul>
-</section>
+</div>
 
 <section id="available-reading-plans">
     <h2>Available Reading Plans</h2>
@@ -196,7 +196,7 @@
 (function() {
     // Load and display progress for each plan
     const cards = Array.from(document.querySelectorAll('.plan-card'));
-    var yourPlansSection = document.getElementById('your-plans');
+    var yourPlansSection = document.getElementById('your-reading-plans');
     var yourPlansList = document.getElementById('your-plans-list');
     var plansWithProgress = [];
 

kjvstudy_org/templates/stars.html

@@ -619,11 +619,6 @@ kbd {
 
 {% block content %}
 <div class="stars-container">
-    <div class="stars-header">
-        <h1>Starred Passages & Pages<span class="stars-count" id="stars-count"></span></h1>
-        <p class="stars-subtitle">Your personal collection of Scripture and study resources</p>
-    </div>
-
     <div id="stars-content">
         <!-- Populated by JavaScript -->
     </div>
@@ -1123,7 +1118,14 @@ kbd {
             selectItem(selectedIndex <= 0 ? 0 : selectedIndex - 1);
         } else if (e.key === 'ArrowLeft' || e.key === 'h') {
             e.preventDefault();
-            history.back();
+            // If selected item is expanded, collapse it
+            if (selectedIndex >= 0 && items[selectedIndex] && items[selectedIndex].classList.contains('expanded')) {
+                var url = items[selectedIndex].getAttribute('data-url');
+                if (url) toggleItem(url);
+            } else if (selectedIndex < 0) {
+                // Nothing selected, go back
+                history.back();
+            }
         } else if (e.key === 'ArrowRight' || e.key === 'l') {
             // Expand selected item
             if (selectedIndex >= 0 && items[selectedIndex]) {