diff --git a/kjvstudy_org/server.py b/kjvstudy_org/server.py
index 6bb0391..905ddd1 100644
--- a/kjvstudy_org/server.py
+++ b/kjvstudy_org/server.py
@@ -219,23 +219,6 @@ current_dir = PathLib(__file__).parent
 static_dir = current_dir / "static"
 templates_dir = current_dir / "templates"
 
-# Serve service worker with proper header to allow root scope
-@app.get("/sw.js")
-async def service_worker():
-    """Serve service worker from root with Service-Worker-Allowed header."""
-    from fastapi.responses import FileResponse
-    sw_path = static_dir / "sw.js"
-    return FileResponse(
-        sw_path,
-        media_type="application/javascript",
-        headers={
-            "Service-Worker-Allowed": "/",
-            "Cache-Control": "no-cache, no-store, must-revalidate",
-            "Pragma": "no-cache",
-            "Expires": "0"
-        }
-    )
-
 app.mount("/static", StaticFiles(directory=str(static_dir)), name="static")
 templates = Jinja2Templates(directory=str(templates_dir))
 
@@ -1310,15 +1293,6 @@ def get_daily_verse(date_str=None):
 
 
 
-@app.get("/offline", response_class=HTMLResponse)
-async def offline_reader(request: Request):
-    """Offline Bible reader - renders chapters from cached JSON."""
-    return templates.TemplateResponse(
-        "offline.html",
-        {"request": request}
-    )
-
-
 @app.get("/", response_class=HTMLResponse)
 async def read_root(request: Request):
     books = bible.get_books()
diff --git a/kjvstudy_org/static/manifest.json b/kjvstudy_org/static/manifest.json
deleted file mode 100644
index 41730e9..0000000
--- a/kjvstudy_org/static/manifest.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "name": "KJV Study - Bible Commentary Platform",
-  "short_name": "KJV Study",
-  "description": "Study the King James Bible with AI-powered commentary and insights",
-  "start_url": "/",
-  "display": "standalone",
-  "background_color": "#fdfcf9",
-  "theme_color": "#4b2e83",
-  "orientation": "portrait-primary",
-  "scope": "/",
-  "lang": "en",
-  "categories": ["education", "books", "reference"],
-  "icons": [
-    {
-      "src": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 192'%3E%3Crect width='192' height='192' fill='%234b2e83' rx='24'/%3E%3Ctext x='96' y='120' text-anchor='middle' font-size='80' fill='white'%3E📖%3C/text%3E%3C/svg%3E",
-      "sizes": "192x192",
-      "type": "image/svg+xml",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='512' height='512' fill='%234b2e83' rx='64'/%3E%3Ctext x='256' y='320' text-anchor='middle' font-size='200' fill='white'%3E📖%3C/text%3E%3C/svg%3E",
-      "sizes": "512x512",
-      "type": "image/svg+xml",
-      "purpose": "any"
-    }
-  ],
-  "shortcuts": [
-    {
-      "name": "Browse Books",
-      "short_name": "Books",
-      "description": "Browse all Bible books",
-      "url": "/",
-      "icons": [
-        {
-          "src": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b2e83'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'/%3E%3C/svg%3E",
-          "sizes": "96x96"
-        }
-      ]
-    }
-  ],
-  "screenshots": [
-    {
-      "src": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 720'%3E%3Crect width='540' height='720' fill='%23fdfcf9'/%3E%3Crect x='20' y='20' width='500' height='680' fill='white' stroke='%23e5e7eb' stroke-width='1' rx='8'/%3E%3Ctext x='270' y='80' text-anchor='middle' font-size='32' fill='%234b2e83' font-family='serif'%3EGenesis 1%3C/text%3E%3Ctext x='40' y='140' font-size='18' fill='%23333' font-family='serif'%3E1 In the beginning God created the heaven and the earth.%3C/text%3E%3Ctext x='40' y='180' font-size='18' fill='%23333' font-family='serif'%3E2 And the earth was without form, and void...%3C/text%3E%3C/svg%3E",
-      "sizes": "540x720",
-      "type": "image/svg+xml",
-      "form_factor": "narrow"
-    }
-  ],
-  "prefer_related_applications": false,
-  "related_applications": [],
-  "features": [
-    "Cross Platform",
-    "offline-reading",
-    "note-taking",
-    "highlighting",
-    "search"
-  ]
-}
\ No newline at end of file
diff --git a/kjvstudy_org/static/sw.js b/kjvstudy_org/static/sw.js
deleted file mode 100644
index d1eb59b..0000000
--- a/kjvstudy_org/static/sw.js
+++ /dev/null
@@ -1,345 +0,0 @@
-// KJV Study Service Worker - Offline Bible Access
-const CACHE_VERSION = 'v6';
-const STATIC_CACHE = 'kjvstudy-static-' + CACHE_VERSION;
-const PAGE_CACHE = 'kjvstudy-pages-' + CACHE_VERSION;
-
-// Static assets to cache immediately on install
-const STATIC_ASSETS = [
-  '/',
-  '/offline',
-  '/static/tufte.css',
-  '/static/style.css',
-  '/static/manifest.json',
-  '/static/verses-1769.json',
-  '/books'
-];
-
-// Install event - cache static assets only
-self.addEventListener('install', (event) => {
-  console.log('[SW] Installing service worker...');
-  event.waitUntil(
-    caches.open(STATIC_CACHE)
-      .then((cache) => {
-        console.log('[SW] Caching static assets');
-        return cache.addAll(STATIC_ASSETS);
-      })
-      .then(() => {
-        console.log('[SW] Static assets cached');
-        return self.skipWaiting();
-      })
-      .catch((err) => {
-        console.error('[SW] Failed to cache static assets:', err);
-      })
-  );
-});
-
-// Activate event - clean up old caches
-self.addEventListener('activate', (event) => {
-  console.log('[SW] Activating service worker...');
-  event.waitUntil(
-    caches.keys()
-      .then((cacheNames) => {
-        return Promise.all(
-          cacheNames.map((cacheName) => {
-            if (cacheName.startsWith('kjvstudy-') &&
-                cacheName !== STATIC_CACHE &&
-                cacheName !== PAGE_CACHE) {
-              console.log('[SW] Deleting old cache:', cacheName);
-              return caches.delete(cacheName);
-            }
-          })
-        );
-      })
-      .then(() => {
-        console.log('[SW] Service worker activated');
-        return self.clients.claim();
-      })
-  );
-});
-
-// Parse sitemap XML and extract URLs
-async function parseSitemap(url) {
-  try {
-    const response = await fetch(url);
-    const text = await response.text();
-    const urls = [];
-
-    // Extract URLs from <loc> tags
-    const locRegex = /<loc>([^<]+)<\/loc>/g;
-    let match;
-    while ((match = locRegex.exec(text)) !== null) {
-      // Convert absolute URL to relative path
-      let path = match[1].replace(/^https?:\/\/[^\/]+/, '');
-      if (path) urls.push(path);
-    }
-
-    return urls;
-  } catch (err) {
-    console.error('[SW] Failed to parse sitemap:', url, err);
-    return [];
-  }
-}
-
-// Get all URLs from sitemaps
-async function getAllUrlsFromSitemaps() {
-  const allUrls = new Set();
-
-  // First, fetch the sitemap index
-  try {
-    const indexResponse = await fetch('/sitemap.xml');
-    const indexText = await indexResponse.text();
-
-    // Check if it's a sitemap index (has <sitemapindex>)
-    if (indexText.includes('<sitemapindex')) {
-      // Extract child sitemap URLs
-      const sitemapUrls = [];
-      const locRegex = /<loc>([^<]+)<\/loc>/g;
-      let match;
-      while ((match = locRegex.exec(indexText)) !== null) {
-        let sitemapUrl = match[1].replace(/^https?:\/\/[^\/]+/, '');
-        sitemapUrls.push(sitemapUrl);
-      }
-
-      // Fetch each child sitemap
-      for (const sitemapUrl of sitemapUrls) {
-        const urls = await parseSitemap(sitemapUrl);
-        urls.forEach(url => allUrls.add(url));
-      }
-    } else {
-      // It's a regular sitemap
-      const urls = await parseSitemap('/sitemap.xml');
-      urls.forEach(url => allUrls.add(url));
-    }
-  } catch (err) {
-    console.error('[SW] Failed to fetch sitemap index:', err);
-  }
-
-  return Array.from(allUrls);
-}
-
-// Background pre-caching - only triggered when user requests it
-let cachingInProgress = false;
-let cachedCount = 0;
-let totalToCache = 0;
-
-async function startBackgroundCaching() {
-  if (cachingInProgress) return;
-  cachingInProgress = true;
-  cachedCount = 0;
-
-  console.log('[SW] Fetching URLs from sitemaps...');
-  notifyClients({ type: 'CACHE_STATUS', status: 'Fetching page list from sitemaps...' });
-
-  // Get all URLs from sitemaps
-  const allUrls = await getAllUrlsFromSitemaps();
-
-  console.log('[SW] Found', allUrls.length, 'URLs in sitemaps');
-
-  if (allUrls.length === 0) {
-    notifyClients({ type: 'CACHE_ERROR', error: 'No URLs found in sitemaps' });
-    cachingInProgress = false;
-    return;
-  }
-
-  const cache = await caches.open(PAGE_CACHE);
-
-  // Check which pages are already cached
-  const uncachedPages = [];
-  for (const url of allUrls) {
-    const cached = await cache.match(url);
-    if (!cached) {
-      uncachedPages.push(url);
-    }
-  }
-
-  totalToCache = uncachedPages.length;
-  console.log('[SW] Need to cache', totalToCache, 'pages');
-
-  if (totalToCache === 0) {
-    notifyClients({ type: 'CACHE_COMPLETE', total: allUrls.length });
-    cachingInProgress = false;
-    return;
-  }
-
-  notifyClients({
-    type: 'CACHE_PROGRESS',
-    cached: 0,
-    total: totalToCache,
-    status: `Downloading ${totalToCache.toLocaleString()} pages...`
-  });
-
-  // Concurrent pool - keep N requests in flight at all times
-  const CONCURRENCY = 80; // Number of concurrent requests
-  const PROGRESS_INTERVAL = 200; // Notify every N completions
-
-  let nextIndex = 0;
-  let lastNotified = 0;
-
-  async function cacheUrl(url) {
-    try {
-      const response = await fetch(url);
-      if (response.ok) {
-        await cache.put(url, response);
-        cachedCount++;
-
-        // Notify progress periodically
-        if (cachedCount - lastNotified >= PROGRESS_INTERVAL) {
-          lastNotified = cachedCount;
-          notifyClients({
-            type: 'CACHE_PROGRESS',
-            cached: cachedCount,
-            total: totalToCache
-          });
-        }
-      }
-    } catch (err) {
-      // Silent fail for individual pages
-    }
-  }
-
-  async function worker() {
-    while (nextIndex < uncachedPages.length) {
-      const url = uncachedPages[nextIndex++];
-      await cacheUrl(url);
-    }
-  }
-
-  // Start concurrent workers
-  const workers = [];
-  for (let i = 0; i < Math.min(CONCURRENCY, uncachedPages.length); i++) {
-    workers.push(worker());
-  }
-
-  // Wait for all workers to complete
-  await Promise.all(workers);
-
-  console.log('[SW] Background caching complete!', cachedCount, 'pages cached');
-  cachingInProgress = false;
-
-  notifyClients({ type: 'CACHE_COMPLETE', total: allUrls.length });
-}
-
-// Notify all clients of caching progress
-async function notifyClients(message) {
-  const clients = await self.clients.matchAll();
-  clients.forEach(client => client.postMessage(message));
-}
-
-// Fetch event - serve from cache, fallback to network
-self.addEventListener('fetch', (event) => {
-  const url = new URL(event.request.url);
-
-  // Only handle same-origin requests
-  if (url.origin !== location.origin) {
-    return;
-  }
-
-  // Skip non-GET requests
-  if (event.request.method !== 'GET') {
-    return;
-  }
-
-  // Skip API requests - network first with cache fallback
-  if (url.pathname.startsWith('/api/')) {
-    event.respondWith(
-      fetch(event.request)
-        .then((response) => {
-          if (response.ok) {
-            const responseClone = response.clone();
-            caches.open(PAGE_CACHE).then((cache) => {
-              cache.put(event.request, responseClone);
-            });
-          }
-          return response;
-        })
-        .catch(() => caches.match(event.request))
-    );
-    return;
-  }
-
-  // Static assets - cache first
-  if (url.pathname.startsWith('/static/')) {
-    event.respondWith(
-      caches.match(event.request)
-        .then((cachedResponse) => {
-          if (cachedResponse) {
-            return cachedResponse;
-          }
-          return fetch(event.request).then((response) => {
-            if (response.ok) {
-              const responseClone = response.clone();
-              caches.open(STATIC_CACHE).then((cache) => {
-                cache.put(event.request, responseClone);
-              });
-            }
-            return response;
-          });
-        })
-    );
-    return;
-  }
-
-  // All other requests - network first, cache fallback, offline reader as last resort
-  event.respondWith(
-    fetch(event.request)
-      .then((response) => {
-        if (response.ok) {
-          const responseClone = response.clone();
-          caches.open(PAGE_CACHE).then((cache) => {
-            cache.put(event.request, responseClone);
-          });
-        }
-        return response;
-      })
-      .catch(() => {
-        return caches.match(event.request).then((cachedResponse) => {
-          if (cachedResponse) {
-            return cachedResponse;
-          }
-
-          // For HTML pages, try to redirect to offline reader with context
-          if (event.request.headers.get('Accept')?.includes('text/html')) {
-            // Try to extract book/chapter from various URL patterns
-            const bookChapterMatch = url.pathname.match(/\/(?:book|interlinear)\/([^\/]+)(?:\/(?:chapter\/)?(\d+))?/);
-            if (bookChapterMatch) {
-              const book = decodeURIComponent(bookChapterMatch[1]);
-              const chapter = bookChapterMatch[2] || '1';
-              return Response.redirect('/offline?book=' + encodeURIComponent(book) + '&chapter=' + chapter, 302);
-            }
-
-            // Default to offline page
-            return caches.match('/offline');
-          }
-        });
-      })
-  );
-});
-
-// Handle messages from the main thread
-self.addEventListener('message', (event) => {
-  if (event.data && event.data.type === 'SKIP_WAITING') {
-    self.skipWaiting();
-  }
-
-  if (event.data && event.data.type === 'START_CACHING') {
-    console.log('[SW] Received START_CACHING request');
-    startBackgroundCaching();
-  }
-
-  // Report current caching status
-  if (event.data && event.data.type === 'GET_CACHE_STATUS') {
-    if (cachingInProgress) {
-      event.source.postMessage({
-        type: 'CACHE_PROGRESS',
-        cached: cachedCount,
-        total: totalToCache,
-        inProgress: true
-      });
-    } else {
-      event.source.postMessage({
-        type: 'CACHE_IDLE',
-        inProgress: false
-      });
-    }
-  }
-});
diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html
index 66d0957..51a49ea 100644
--- a/kjvstudy_org/templates/base.html
+++ b/kjvstudy_org/templates/base.html
@@ -1306,15 +1306,6 @@
             </p>
         </div>
 
-        <!-- Enable Offline -->
-        <div style="margin-top: 1rem;">
-            <p style="font-size: 0.85rem; color: var(--text-tertiary); text-align: center;">
-                <a href="/offline" style="color: var(--text-tertiary); text-decoration: none; border-bottom: 1px dotted var(--border-color-dark);">
-                    Enable Offline
-                </a>
-            </p>
-        </div>
-
         <!-- Flourish -->
         <div class="sidebar-flourish">⁂</div>
     </nav>
@@ -2255,122 +2246,6 @@
         s.parentNode.insertBefore(t, s);
       })();
       {% endif %}
-
-      // Service Worker for offline support
-      (function() {
-        if ('serviceWorker' in navigator) {
-          window.addEventListener('load', function() {
-            navigator.serviceWorker.register('/sw.js', { scope: '/' })
-              .then(function(registration) {
-                console.log('[App] Service Worker registered:', registration.scope);
-
-                // Check for updates periodically
-                setInterval(function() {
-                  registration.update();
-                }, 60 * 60 * 1000); // Check every hour
-              })
-              .catch(function(error) {
-                console.log('[App] Service Worker registration failed:', error);
-              });
-          });
-
-          // Listen for cache progress messages from service worker
-          navigator.serviceWorker.addEventListener('message', function(event) {
-            var data = event.data;
-            if (data.type === 'CACHE_PROGRESS') {
-              showCacheProgress(data.cached, data.total);
-            } else if (data.type === 'CACHE_COMPLETE') {
-              showCacheComplete(data.total);
-            }
-          });
-        }
-
-        // Cache progress indicator
-        var cacheIndicator = null;
-        function showCacheProgress(cached, total) {
-          if (!cacheIndicator) {
-            cacheIndicator = document.createElement('a');
-            cacheIndicator.id = 'cache-indicator';
-            cacheIndicator.href = '/offline';
-            cacheIndicator.style.cssText = 'position:fixed;bottom:1rem;left:1rem;padding:0.5rem 1rem;background:#4a7c59;color:white;border-radius:4px;font-size:0.85rem;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:opacity 0.3s;text-decoration:none;cursor:pointer;';
-            document.body.appendChild(cacheIndicator);
-          }
-          var pct = Math.round((cached / total) * 100);
-          cacheIndicator.innerHTML = 'Caching for offline: ' + pct + '%';
-          cacheIndicator.style.opacity = '1';
-        }
-
-        function showCacheComplete(total) {
-          if (cacheIndicator) {
-            cacheIndicator.innerHTML = 'Ready for offline! (' + total.toLocaleString() + ' pages)';
-            setTimeout(function() {
-              cacheIndicator.style.opacity = '0';
-              setTimeout(function() {
-                if (cacheIndicator && cacheIndicator.parentNode) {
-                  cacheIndicator.parentNode.removeChild(cacheIndicator);
-                  cacheIndicator = null;
-                }
-              }, 300);
-            }, 3000);
-          }
-        }
-
-        // Offline/Online indicator and PDF button handling
-        function updateOnlineStatus() {
-          var indicator = document.getElementById('offline-indicator');
-          if (!indicator) {
-            indicator = document.createElement('div');
-            indicator.id = 'offline-indicator';
-            indicator.style.cssText = 'position:fixed;bottom:1rem;right:1rem;padding:0.5rem 1rem;background:#c41e3a;color:white;border-radius:4px;font-size:0.85rem;z-index:9999;display:none;box-shadow:0 2px 8px rgba(0,0,0,0.2);';
-            indicator.innerHTML = 'Offline Mode';
-            document.body.appendChild(indicator);
-          }
-
-          // Find all PDF links/buttons
-          var pdfLinks = document.querySelectorAll('a[href*="/pdf"], .pdf-btn, a[href$=".pdf"]');
-
-          if (!navigator.onLine) {
-            indicator.style.display = 'block';
-            // Disable PDF buttons when offline
-            pdfLinks.forEach(function(link) {
-              link.dataset.originalHref = link.href;
-              link.removeAttribute('href');
-              link.style.opacity = '0.4';
-              link.style.cursor = 'not-allowed';
-              link.style.textDecoration = 'line-through';
-              link.title = 'PDF unavailable offline';
-              link.addEventListener('click', preventClick);
-            });
-          } else {
-            indicator.style.display = 'none';
-            // Re-enable PDF buttons when online
-            pdfLinks.forEach(function(link) {
-              if (link.dataset.originalHref) {
-                link.href = link.dataset.originalHref;
-              }
-              link.style.opacity = '';
-              link.style.cursor = '';
-              link.style.textDecoration = '';
-              link.title = '';
-              link.removeEventListener('click', preventClick);
-            });
-          }
-        }
-
-        function preventClick(e) {
-          e.preventDefault();
-          e.stopPropagation();
-        }
-
-        window.addEventListener('online', updateOnlineStatus);
-        window.addEventListener('offline', updateOnlineStatus);
-        // Run after DOM is ready to catch all PDF links
-        if (document.readyState === 'loading') {
-          document.addEventListener('DOMContentLoaded', updateOnlineStatus);
-        } else {
-          updateOnlineStatus();
-        }
-      })();
     </script>
 </body>
 </html>
diff --git a/kjvstudy_org/templates/offline.html b/kjvstudy_org/templates/offline.html
deleted file mode 100644
index 3d0e21b..0000000
--- a/kjvstudy_org/templates/offline.html
+++ /dev/null
@@ -1,1356 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}Offline Access - KJV Study{% endblock %}
-{% block description %}Download KJV Study for offline access{% endblock %}
-
-{% block head %}
-<style>
-.intro-text {
-    max-width: 65%;
-    font-size: 1.2rem;
-    line-height: 1.9;
-    margin: 1.5rem 0 3rem 0;
-}
-
-/* Status Section */
-.status-section {
-    margin-bottom: 3rem;
-}
-
-.status-card {
-    display: flex;
-    align-items: center;
-    gap: 1.5rem;
-    padding: 1.5rem 2rem;
-    border: 2px solid var(--border-color);
-    border-radius: 4px;
-    background: var(--bg-color);
-}
-
-.status-card.status-ready {
-    border-color: #4a7c59;
-    background: linear-gradient(135deg, #f0fdf4 0%, var(--bg-color) 100%);
-}
-
-.status-card.status-partial {
-    border-color: #d4af37;
-    background: linear-gradient(135deg, #fffde7 0%, var(--bg-color) 100%);
-}
-
-.status-card.status-none {
-    border-color: var(--border-color-darker);
-}
-
-[data-theme="dark"] .status-card.status-ready {
-    background: linear-gradient(135deg, #14532d 0%, #1a1a1a 100%);
-}
-
-[data-theme="dark"] .status-card.status-partial {
-    background: linear-gradient(135deg, #2a2a1a 0%, #1a1a1a 100%);
-}
-
-.status-icon {
-    font-size: 2.5rem;
-    line-height: 1;
-}
-
-.status-content {
-    flex: 1;
-}
-
-.status-title {
-    font-weight: 600;
-    font-size: 1.2rem;
-    margin-bottom: 0.25rem;
-}
-
-.status-detail {
-    color: var(--text-secondary);
-    font-size: 0.95rem;
-}
-
-.connection-badge {
-    font-size: 0.75rem;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-    padding: 0.25rem 0.6rem;
-    border-radius: 3px;
-    font-weight: 600;
-}
-
-.badge-online { background: #4a7c59; color: white; }
-.badge-offline { background: #c41e3a; color: white; }
-
-/* Download Section */
-.download-section {
-    margin-bottom: 3rem;
-}
-
-.category-title {
-    font-size: 1.4rem;
-    font-weight: 400;
-    font-style: italic;
-    margin-bottom: 1.5rem;
-    color: var(--text-secondary);
-    border-bottom: 1px solid var(--border-color);
-    padding-bottom: 0.5rem;
-}
-
-.download-card {
-    padding: 2rem;
-    border: 1px solid var(--border-color);
-    border-radius: 4px;
-    background: var(--bg-color);
-}
-
-.download-info {
-    margin-bottom: 1.5rem;
-}
-
-.download-info p {
-    font-size: 1rem;
-    line-height: 1.7;
-    margin: 0 0 0.5rem 0;
-    color: var(--text-secondary);
-}
-
-.download-btn {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
-    padding: 0.75rem 1.5rem;
-    font-size: 1rem;
-    font-weight: 600;
-    border: 2px solid #4a7c59;
-    border-radius: 4px;
-    background: #4a7c59;
-    color: white;
-    cursor: pointer;
-    transition: all 0.2s;
-    font-family: inherit;
-}
-
-.download-btn:hover {
-    background: #3d6b4a;
-    border-color: #3d6b4a;
-}
-
-.download-btn:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-}
-
-.download-progress {
-    margin-top: 1.5rem;
-    display: none;
-}
-
-.download-progress.active {
-    display: block;
-}
-
-.progress-bar {
-    width: 100%;
-    height: 8px;
-    background: var(--border-color);
-    border-radius: 4px;
-    overflow: hidden;
-    margin-bottom: 0.5rem;
-}
-
-.progress-fill {
-    height: 100%;
-    background: #4a7c59;
-    width: 0%;
-    transition: width 0.3s ease;
-}
-
-.progress-text {
-    font-size: 0.9rem;
-    color: var(--text-secondary);
-}
-
-/* Quick Access Grid */
-.quick-access {
-    margin-bottom: 3rem;
-}
-
-.resource-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-    gap: 1rem;
-}
-
-.resource-card {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.5rem;
-    padding: 1.25rem;
-    border: 1px solid var(--border-color);
-    border-radius: 4px;
-    background: var(--bg-color);
-    transition: all 0.2s;
-    text-decoration: none;
-    color: var(--text-color);
-    text-align: center;
-}
-
-.resource-card:hover {
-    border-color: var(--border-color-darker);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-}
-
-.resource-card-icon {
-    font-size: 1.75rem;
-}
-
-.resource-card-label {
-    font-weight: 600;
-    font-size: 0.95rem;
-}
-
-[data-theme="dark"] .resource-card {
-    background: #1a1a1a;
-    border-color: #333;
-}
-
-[data-theme="dark"] .resource-card:hover {
-    border-color: #555;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-}
-
-/* Bible Reader Section */
-.reader-section {
-    margin-bottom: 3rem;
-}
-
-.reader-card {
-    padding: 2rem;
-    border: 1px solid var(--border-color);
-    border-radius: 4px;
-    background: var(--bg-color);
-}
-
-.reader-controls {
-    display: flex;
-    gap: 1rem;
-    flex-wrap: wrap;
-    align-items: center;
-    margin-bottom: 1.5rem;
-}
-
-.reader-controls select {
-    padding: 0.6rem 1rem;
-    font-size: 1rem;
-    border: 1px solid var(--border-color-darker);
-    border-radius: 4px;
-    background: var(--bg-color);
-    color: var(--text-color);
-    font-family: inherit;
-    cursor: pointer;
-}
-
-.reader-controls select:focus {
-    outline: none;
-    border-color: #4a7c59;
-}
-
-.nav-buttons {
-    display: flex;
-    gap: 0.5rem;
-}
-
-.nav-btn {
-    padding: 0.6rem 1rem;
-    border: 1px solid var(--border-color-darker);
-    border-radius: 4px;
-    background: var(--bg-color);
-    color: var(--text-color);
-    cursor: pointer;
-    font-size: 0.9rem;
-    font-family: inherit;
-    transition: all 0.2s;
-}
-
-.nav-btn:hover:not(:disabled) {
-    border-color: #4a7c59;
-    background: #4a7c59;
-    color: white;
-}
-
-.nav-btn:disabled {
-    opacity: 0.4;
-    cursor: not-allowed;
-}
-
-#chapter-content {
-    display: none;
-    line-height: 2;
-    font-size: 1.15rem;
-}
-
-#chapter-content.active {
-    display: block;
-}
-
-#chapter-content h3 {
-    margin: 0 0 1rem 0;
-    padding-bottom: 0.5rem;
-    border-bottom: 1px solid var(--border-color);
-}
-
-#chapter-content p {
-    margin: 0.75rem 0;
-    padding: 0.5rem;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background 0.15s;
-}
-
-#chapter-content p:hover {
-    background: var(--border-color);
-}
-
-#chapter-content p.selected {
-    background: rgba(74, 124, 89, 0.15);
-    outline: 2px solid #4a7c59;
-    outline-offset: 2px;
-}
-
-#chapter-content p.speaking {
-    background: rgba(212, 175, 55, 0.2);
-}
-
-.verse-num {
-    font-size: 0.75rem;
-    vertical-align: super;
-    margin-right: 0.2rem;
-    color: #4a7c59;
-    font-weight: 600;
-}
-
-.keyboard-hint {
-    font-size: 0.85rem;
-    color: var(--text-tertiary);
-    margin-top: 1rem;
-    padding-top: 1rem;
-    border-top: 1px solid var(--border-color);
-}
-
-/* Technical Status Section */
-.tech-section {
-    margin-bottom: 3rem;
-}
-
-.tech-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
-    gap: 1rem;
-    margin-bottom: 2rem;
-}
-
-/* Technical Details (collapsed) */
-.tech-details {
-    margin-bottom: 3rem;
-}
-
-.tech-details summary {
-    cursor: pointer;
-    font-size: 1.4rem;
-    font-weight: 400;
-    font-style: italic;
-    color: var(--text-secondary);
-    border-bottom: 1px solid var(--border-color);
-    padding-bottom: 0.5rem;
-    margin-bottom: 1.5rem;
-    list-style: none;
-}
-
-.tech-details summary::-webkit-details-marker {
-    display: none;
-}
-
-.tech-details summary::before {
-    content: '+ ';
-}
-
-.tech-details[open] summary::before {
-    content: '- ';
-}
-
-.tech-item {
-    padding: 1rem;
-    border: 1px solid var(--border-color);
-    border-radius: 4px;
-    background: var(--bg-color);
-}
-
-.tech-item dt {
-    font-size: 0.8rem;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-    color: var(--text-tertiary);
-    margin-bottom: 0.25rem;
-}
-
-.tech-item dd {
-    margin: 0;
-    font-size: 0.95rem;
-    font-weight: 500;
-}
-
-.tech-ok { color: #4a7c59; }
-.tech-error { color: #c41e3a; }
-
-/* Cached URLs Section */
-.cached-section h3 {
-    font-size: 1rem;
-    color: var(--text-secondary);
-    margin: 1.5rem 0 1rem 0;
-}
-
-.url-categories {
-    margin: 0;
-}
-
-.url-category {
-    margin-bottom: 0.5rem;
-    border: 1px solid var(--border-color);
-    border-radius: 4px;
-    overflow: hidden;
-}
-
-.url-category-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0.75rem 1rem;
-    background: var(--border-color);
-    cursor: pointer;
-    user-select: none;
-    font-size: 0.9rem;
-    font-weight: 500;
-}
-
-.url-category-header:hover {
-    background: var(--border-color-darker);
-}
-
-.url-category-toggle {
-    font-size: 0.7rem;
-    transition: transform 0.2s;
-}
-
-.url-category.expanded .url-category-toggle {
-    transform: rotate(90deg);
-}
-
-.url-category-content {
-    display: none;
-    max-height: 250px;
-    overflow-y: auto;
-    padding: 0.5rem;
-    background: var(--bg-color);
-}
-
-.url-category.expanded .url-category-content {
-    display: block;
-}
-
-.url-item {
-    display: block;
-    padding: 0.35rem 0.75rem;
-    color: var(--link-color);
-    text-decoration: none;
-    font-size: 0.85rem;
-    border-radius: 3px;
-    border-bottom: none;
-}
-
-.url-item:hover {
-    background: var(--border-color);
-}
-
-.url-count {
-    font-size: 0.8rem;
-    color: var(--text-tertiary);
-    font-weight: normal;
-}
-
-@media (max-width: 768px) {
-    .intro-text {
-        max-width: 100%;
-        font-size: 1.1rem;
-    }
-
-    .status-card {
-        flex-direction: column;
-        text-align: center;
-        gap: 1rem;
-    }
-
-    .resource-grid {
-        grid-template-columns: repeat(2, 1fr);
-        gap: 0.75rem;
-    }
-
-    .resource-card {
-        padding: 1rem;
-    }
-
-    .resource-card-icon {
-        font-size: 1.5rem;
-    }
-
-    .reader-controls {
-        flex-direction: column;
-        align-items: stretch;
-    }
-
-    .reader-controls select {
-        width: 100%;
-    }
-
-    .nav-buttons {
-        justify-content: space-between;
-    }
-
-    .nav-btn {
-        flex: 1;
-    }
-}
-</style>
-{% endblock %}
-
-{% block content %}
-<nav class="breadcrumb" aria-label="Breadcrumb">
-    <a href="/">Home</a>
-    <span class="breadcrumb-separator">&gt;</span>
-    <span>Offline Access</span>
-</nav>
-
-<h1>Offline Access</h1>
-<p class="subtitle">Download the Complete KJV Bible for Offline Study</p>
-
-<div>
-    <p class="intro-text"><span class="newthought">Access the scriptures</span> anywhere, anytime. Download all ~48,000 pages including every chapter, verse commentary, interlinear text, Bible stories, and study resources for complete offline access.</p>
-</div>
-
-<!-- Technical Status (front and center for debugging) -->
-<div class="tech-section">
-    <h2 class="category-title">System Status</h2>
-    <div class="tech-grid">
-        <div class="tech-item">
-            <dt>Connection</dt>
-            <dd id="connection-status">Checking...</dd>
-        </div>
-        <div class="tech-item">
-            <dt>Service Worker</dt>
-            <dd id="sw-status">Checking...</dd>
-        </div>
-        <div class="tech-item">
-            <dt>Cache Storage</dt>
-            <dd id="cache-status">Checking...</dd>
-        </div>
-        <div class="tech-item">
-            <dt>Bible Data</dt>
-            <dd id="bible-status">Checking...</dd>
-        </div>
-        <div class="tech-item">
-            <dt>Pages Cached</dt>
-            <dd id="pages-cached">Checking...</dd>
-        </div>
-        <div class="tech-item">
-            <dt>SW Version</dt>
-            <dd id="sw-version">Checking...</dd>
-        </div>
-    </div>
-</div>
-
-<!-- Status Section -->
-<div class="status-section">
-    <div class="status-card" id="status-card">
-        <div class="status-icon" id="status-icon">...</div>
-        <div class="status-content">
-            <div class="status-title" id="status-title">Checking status...</div>
-            <div class="status-detail" id="status-detail">Please wait</div>
-        </div>
-    </div>
-</div>
-
-<!-- Download Section -->
-<div class="download-section">
-    <h2 class="category-title">Download for Offline</h2>
-    <div class="download-card">
-        <div class="download-info">
-            <p>Download all pages to your device for offline access. This includes chapters, verse commentary, interlinear analysis, stories, topics, and study resources.</p>
-            <p><strong>Estimated size:</strong> ~150MB | <strong>Pages:</strong> ~48,000</p>
-        </div>
-        <button class="download-btn" id="start-cache-btn">
-            <span>Download Everything</span>
-        </button>
-        <div class="download-progress" id="cache-progress">
-            <div class="progress-bar">
-                <div class="progress-fill" id="progress-fill"></div>
-            </div>
-            <div class="progress-text" id="progress-text">Preparing...</div>
-        </div>
-    </div>
-</div>
-
-<!-- Quick Access -->
-<div class="quick-access">
-    <h2 class="category-title">Quick Access</h2>
-    <div class="resource-grid">
-        <a href="/books" class="resource-card">
-            <span class="resource-card-icon">📖</span>
-            <span class="resource-card-label">All Books</span>
-        </a>
-        <a href="/stories" class="resource-card">
-            <span class="resource-card-icon">📚</span>
-            <span class="resource-card-label">Stories</span>
-        </a>
-        <a href="/topics" class="resource-card">
-            <span class="resource-card-icon">🏷</span>
-            <span class="resource-card-label">Topics</span>
-        </a>
-        <a href="/reading-plans" class="resource-card">
-            <span class="resource-card-icon">📅</span>
-            <span class="resource-card-label">Reading Plans</span>
-        </a>
-        <a href="/study-guides" class="resource-card">
-            <span class="resource-card-icon">📝</span>
-            <span class="resource-card-label">Study Guides</span>
-        </a>
-        <a href="/resources" class="resource-card">
-            <span class="resource-card-icon">📂</span>
-            <span class="resource-card-label">Resources</span>
-        </a>
-    </div>
-</div>
-
-<!-- Bible Reader -->
-<div class="reader-section">
-    <h2 class="category-title">Bible Reader</h2>
-    <div class="reader-card">
-        <p style="color: var(--text-secondary); margin: 0 0 1.5rem 0; font-size: 0.95rem;">Read directly from cached data. Works offline without internet.</p>
-        <div class="reader-controls">
-            <select id="book-select">
-                <option value="">Select book...</option>
-            </select>
-            <select id="chapter-select" disabled>
-                <option value="">Chapter</option>
-            </select>
-            <div class="nav-buttons">
-                <button class="nav-btn" id="prev-btn" disabled>Prev</button>
-                <button class="nav-btn" id="next-btn" disabled>Next</button>
-            </div>
-        </div>
-        <div id="chapter-content"></div>
-        <p class="keyboard-hint">Keyboard: Left/Right arrows navigate chapters | g = Genesis 1 | ? = help</p>
-    </div>
-</div>
-
-<!-- Cached Pages -->
-<details class="tech-details">
-    <summary>Cached Pages (<span id="cached-count" style="color: #4a7c59;">0</span>)</summary>
-    <div id="cached-links" class="url-categories">
-        <p style="color: var(--text-secondary); font-size: 0.9rem;">Scanning cache...</p>
-    </div>
-</details>
-
-<script>
-(function() {
-    const connectionStatus = document.getElementById('connection-status');
-    const swStatus = document.getElementById('sw-status');
-    const swVersion = document.getElementById('sw-version');
-    const cacheStatus = document.getElementById('cache-status');
-    const bibleStatus = document.getElementById('bible-status');
-    const pagesCached = document.getElementById('pages-cached');
-    const cachedLinks = document.getElementById('cached-links');
-    const cachedCount = document.getElementById('cached-count');
-    const statusCard = document.getElementById('status-card');
-    const statusIcon = document.getElementById('status-icon');
-    const statusTitle = document.getElementById('status-title');
-    const statusDetail = document.getElementById('status-detail');
-
-    const TOTAL_SITE_PAGES = 48000;
-
-    function updateStatusCard(type, icon, title, detail) {
-        statusCard.className = 'status-card status-' + type;
-        statusIcon.textContent = icon;
-        statusTitle.textContent = title;
-        statusDetail.innerHTML = detail;
-    }
-
-    function updateConnectionStatus() {
-        if (navigator.onLine) {
-            connectionStatus.innerHTML = '<span class="tech-ok">Online</span>';
-        } else {
-            connectionStatus.innerHTML = '<span class="tech-error">Offline</span>';
-        }
-    }
-    updateConnectionStatus();
-    window.addEventListener('online', updateConnectionStatus);
-    window.addEventListener('offline', updateConnectionStatus);
-
-    // Check SW version from the actual sw.js file
-    async function checkSwVersion() {
-        try {
-            const response = await fetch('/sw.js?t=' + Date.now());
-            const text = await response.text();
-            const match = text.match(/CACHE_VERSION\s*=\s*['"]([^'"]+)['"]/);
-            if (match) {
-                swVersion.innerHTML = '<span class="tech-ok">' + match[1] + '</span>';
-            } else {
-                swVersion.innerHTML = '<span class="tech-error">Unknown</span>';
-            }
-        } catch (err) {
-            swVersion.innerHTML = '<span class="tech-error">Error</span>';
-        }
-    }
-    checkSwVersion();
-
-    async function checkServiceWorker() {
-        if ('serviceWorker' in navigator) {
-            try {
-                const registration = await navigator.serviceWorker.getRegistration();
-                if (registration && registration.active) {
-                    swStatus.innerHTML = '<span class="tech-ok">Active</span>';
-
-                    const cacheNames = await caches.keys();
-                    let totalCached = 0;
-                    for (const cacheName of cacheNames) {
-                        const cache = await caches.open(cacheName);
-                        const keys = await cache.keys();
-                        totalCached += keys.filter(req => !new URL(req.url).pathname.startsWith('/static/')).length;
-                    }
-
-                    const percentCached = Math.round((totalCached / TOTAL_SITE_PAGES) * 100);
-
-                    if (totalCached > 45000) {
-                        updateStatusCard('ready', '✓', 'Ready for offline use',
-                            '<strong>' + totalCached.toLocaleString() + '</strong> pages cached. Complete offline access available.');
-                    } else if (totalCached > 0) {
-                        updateStatusCard('partial', '↓', 'Partially cached (' + percentCached + '%)',
-                            totalCached.toLocaleString() + ' of ' + TOTAL_SITE_PAGES.toLocaleString() + ' pages downloaded.');
-                    } else {
-                        updateStatusCard('none', '○', 'Not yet downloaded',
-                            'Click download to cache all ' + TOTAL_SITE_PAGES.toLocaleString() + ' pages for offline access.');
-                    }
-                } else {
-                    swStatus.innerHTML = '<span class="tech-error">Not active</span>';
-                    updateStatusCard('none', '!', 'Service worker not active',
-                        'Try refreshing the page.');
-                }
-            } catch (err) {
-                swStatus.innerHTML = '<span class="tech-error">Error</span>';
-                updateStatusCard('none', '!', 'Error', err.message);
-            }
-        } else {
-            swStatus.innerHTML = '<span class="tech-error">Not supported</span>';
-            updateStatusCard('none', '!', 'Not supported', 'Your browser does not support service workers.');
-        }
-    }
-
-    async function checkCaches() {
-        if ('caches' in window) {
-            try {
-                const cacheNames = await caches.keys();
-                cacheStatus.innerHTML = cacheNames.length > 0 ?
-                    '<span class="tech-ok">' + cacheNames.length + ' cache(s)</span>' :
-                    '<span class="tech-error">Empty</span>';
-
-                const allUrls = [];
-                for (const cacheName of cacheNames) {
-                    const cache = await caches.open(cacheName);
-                    const keys = await cache.keys();
-                    keys.forEach(req => {
-                        const url = new URL(req.url);
-                        if (url.pathname && !url.pathname.startsWith('/static/')) {
-                            allUrls.push(url.pathname);
-                        }
-                    });
-                }
-
-                const uniqueUrls = [...new Set(allUrls)].sort();
-                pagesCached.innerHTML = '<span class="tech-ok">' + uniqueUrls.length.toLocaleString() + '</span>';
-                cachedCount.textContent = uniqueUrls.length.toLocaleString();
-
-                const categories = {
-                    'Main Pages': [], 'Bible Chapters': [], 'Verse Commentary': [],
-                    'Interlinear': [], 'Stories': [], 'Topics': [],
-                    'Study Guides': [], 'Reading Plans': [], 'Resources': [], 'Other': []
-                };
-
-                uniqueUrls.forEach(url => {
-                    if (url === '/' || url === '/books' || url === '/offline' || url === '/search' || url === '/resources' || url === '/study-guides' || url === '/reading-plans' || url === '/topics' || url === '/stories') {
-                        categories['Main Pages'].push(url);
-                    } else if (url.match(/^\/book\/[^\/]+\/\d+$/)) {
-                        categories['Bible Chapters'].push(url);
-                    } else if (url.match(/^\/book\/[^\/]+\/\d+\/\d+/)) {
-                        categories['Verse Commentary'].push(url);
-                    } else if (url.startsWith('/interlinear/')) {
-                        categories['Interlinear'].push(url);
-                    } else if (url.startsWith('/book/')) {
-                        categories['Bible Chapters'].push(url);
-                    } else if (url.startsWith('/topics/')) {
-                        categories['Topics'].push(url);
-                    } else if (url.startsWith('/stories/')) {
-                        categories['Stories'].push(url);
-                    } else if (url.startsWith('/study-guides/')) {
-                        categories['Study Guides'].push(url);
-                    } else if (url.startsWith('/reading-plans/')) {
-                        categories['Reading Plans'].push(url);
-                    } else {
-                        categories['Other'].push(url);
-                    }
-                });
-
-                function formatLabel(url) {
-                    if (url === '/') return 'Home';
-                    let label = decodeURIComponent(url).replace(/^\//, '').replace(/-/g, ' ');
-                    ['book/', 'interlinear/', 'stories/', 'topics/', 'study-guides/', 'reading-plans/'].forEach(p => {
-                        label = label.replace(p.replace('-', ' '), '');
-                    });
-                    return label;
-                }
-
-                let html = '';
-                for (const [category, urls] of Object.entries(categories)) {
-                    if (urls.length > 0) {
-                        html += '<div class="url-category">';
-                        html += '<div class="url-category-header" onclick="this.parentNode.classList.toggle(\'expanded\')">';
-                        html += '<span>' + category + ' <span class="url-count">(' + urls.length.toLocaleString() + ')</span></span>';
-                        html += '<span class="url-category-toggle">▶</span>';
-                        html += '</div>';
-                        html += '<div class="url-category-content">';
-                        urls.slice(0, 500).forEach(url => {
-                            html += '<a href="' + url + '" class="url-item">' + formatLabel(url) + '</a>';
-                        });
-                        if (urls.length > 500) {
-                            html += '<div style="padding: 0.5rem; color: var(--text-secondary); font-size: 0.85rem;">...and ' + (urls.length - 500).toLocaleString() + ' more</div>';
-                        }
-                        html += '</div></div>';
-                    }
-                }
-                cachedLinks.innerHTML = html || '<p style="color: var(--text-secondary);">No pages cached yet.</p>';
-            } catch (err) {
-                cacheStatus.innerHTML = '<span class="tech-error">Error</span>';
-            }
-        }
-    }
-
-    async function checkBibleData() {
-        try {
-            let found = false;
-            const cacheNames = await caches.keys();
-            for (const cacheName of cacheNames) {
-                const cache = await caches.open(cacheName);
-                const response = await cache.match('/static/verses-1769.json');
-                if (response) {
-                    const data = await response.json();
-                    bibleStatus.innerHTML = '<span class="tech-ok">' + Object.keys(data).length.toLocaleString() + ' verses</span>';
-                    found = true;
-                    break;
-                }
-            }
-            if (!found) {
-                bibleStatus.innerHTML = '<span class="tech-error">Not cached</span>';
-            }
-        } catch (err) {
-            bibleStatus.innerHTML = '<span class="tech-error">Error</span>';
-        }
-    }
-
-    checkServiceWorker();
-    checkCaches();
-    checkBibleData();
-
-    // Download controls
-    const startCacheBtn = document.getElementById('start-cache-btn');
-    const cacheProgress = document.getElementById('cache-progress');
-    const progressFill = document.getElementById('progress-fill');
-    const progressText = document.getElementById('progress-text');
-
-    startCacheBtn.addEventListener('click', async function() {
-        if (!('serviceWorker' in navigator)) return alert('Service workers not supported.');
-        const registration = await navigator.serviceWorker.getRegistration();
-        if (!registration || !registration.active) return alert('Service worker not active. Refresh and try again.');
-
-        startCacheBtn.disabled = true;
-        startCacheBtn.querySelector('span').textContent = 'Downloading...';
-        cacheProgress.classList.add('active');
-        progressText.textContent = 'Starting...';
-        registration.active.postMessage({ type: 'START_CACHING' });
-    });
-
-    if ('serviceWorker' in navigator) {
-        navigator.serviceWorker.addEventListener('message', function(event) {
-            const data = event.data;
-            if (data.type === 'CACHE_PROGRESS') {
-                cacheProgress.classList.add('active');
-                startCacheBtn.disabled = true;
-                const pct = Math.round((data.cached / data.total) * 100);
-                progressFill.style.width = pct + '%';
-                progressText.textContent = data.cached.toLocaleString() + ' / ' + data.total.toLocaleString() + ' (' + pct + '%)';
-            } else if (data.type === 'CACHE_COMPLETE') {
-                progressFill.style.width = '100%';
-                progressText.innerHTML = '<span style="color: #4a7c59; font-weight: 600;">Complete! ' + data.total.toLocaleString() + ' pages cached.</span>';
-                startCacheBtn.querySelector('span').textContent = 'Refresh Cache';
-                startCacheBtn.disabled = false;
-                setTimeout(() => { checkCaches(); checkServiceWorker(); }, 500);
-            } else if (data.type === 'CACHE_ERROR') {
-                progressText.innerHTML = '<span style="color: #c41e3a;">Error: ' + data.error + '</span>';
-                startCacheBtn.disabled = false;
-                startCacheBtn.querySelector('span').textContent = 'Try Again';
-            }
-        });
-
-        navigator.serviceWorker.ready.then(function(registration) {
-            if (registration.active) registration.active.postMessage({ type: 'GET_CACHE_STATUS' });
-        });
-    }
-
-    // Bible Reader
-    let bibleData = null, bookStructure = {}, currentBook = '', currentChapter = 1;
-    const BOOKS = ['Genesis','Exodus','Leviticus','Numbers','Deuteronomy','Joshua','Judges','Ruth','1 Samuel','2 Samuel','1 Kings','2 Kings','1 Chronicles','2 Chronicles','Ezra','Nehemiah','Esther','Job','Psalms','Proverbs','Ecclesiastes','Song of Solomon','Isaiah','Jeremiah','Lamentations','Ezekiel','Daniel','Hosea','Joel','Amos','Obadiah','Jonah','Micah','Nahum','Habakkuk','Zephaniah','Haggai','Zechariah','Malachi','Matthew','Mark','Luke','John','Acts','Romans','1 Corinthians','2 Corinthians','Galatians','Ephesians','Philippians','Colossians','1 Thessalonians','2 Thessalonians','1 Timothy','2 Timothy','Titus','Philemon','Hebrews','James','1 Peter','2 Peter','1 John','2 John','3 John','Jude','Revelation'];
-    const bookSelect = document.getElementById('book-select');
-    const chapterSelect = document.getElementById('chapter-select');
-    const prevBtn = document.getElementById('prev-btn');
-    const nextBtn = document.getElementById('next-btn');
-    const content = document.getElementById('chapter-content');
-
-    async function loadBibleData() {
-        try {
-            let response = null;
-            const cacheNames = await caches.keys();
-            for (const cacheName of cacheNames) {
-                const cache = await caches.open(cacheName);
-                response = await cache.match('/static/verses-1769.json');
-                if (response) break;
-            }
-            if (!response) response = await fetch('/static/verses-1769.json');
-            if (!response || !response.ok) throw new Error('Could not load Bible data');
-            bibleData = await response.json();
-
-            bookStructure = {};
-            for (const ref in bibleData) {
-                const m = ref.match(/^(.+) (\d+):(\d+)$/);
-                if (m) {
-                    const [, book, chapter, verse] = m;
-                    if (!bookStructure[book]) bookStructure[book] = {};
-                    if (!bookStructure[book][chapter]) bookStructure[book][chapter] = [];
-                    bookStructure[book][chapter].push(parseInt(verse));
-                }
-            }
-
-            BOOKS.forEach(book => {
-                if (bookStructure[book]) {
-                    const opt = document.createElement('option');
-                    opt.value = book;
-                    opt.textContent = book;
-                    bookSelect.appendChild(opt);
-                }
-            });
-
-            const params = new URLSearchParams(window.location.search);
-            const book = params.get('book'), chapter = params.get('chapter');
-            if (book && bookStructure[book]) {
-                bookSelect.value = book;
-                populateChapters(book);
-                if (chapter && bookStructure[book][chapter]) {
-                    chapterSelect.value = chapter;
-                    renderChapter(book, chapter);
-                }
-            }
-        } catch (err) {
-            console.error('Failed to load Bible:', err);
-        }
-    }
-
-    function populateChapters(book) {
-        chapterSelect.innerHTML = '<option value="">Chapter</option>';
-        if (!bookStructure[book]) return;
-        Object.keys(bookStructure[book]).map(Number).sort((a,b) => a-b).forEach(ch => {
-            const opt = document.createElement('option');
-            opt.value = ch;
-            opt.textContent = ch;
-            chapterSelect.appendChild(opt);
-        });
-        chapterSelect.disabled = false;
-    }
-
-    let selectedVerseIndex = -1;
-
-    function renderChapter(book, chapter) {
-        if (!bookStructure[book] || !bookStructure[book][chapter]) return;
-        currentBook = book;
-        currentChapter = parseInt(chapter);
-        content.classList.add('active');
-        selectedVerseIndex = -1;
-
-        const verses = bookStructure[book][chapter].sort((a,b) => a-b);
-        let html = '<h3>' + book + ' ' + chapter + '</h3>';
-        verses.forEach(v => {
-            const text = (bibleData[book + ' ' + chapter + ':' + v] || '').replace(/^#\s*/, '');
-            html += '<p class="verse" data-verse="' + v + '" data-book="' + book + '" data-chapter="' + chapter + '"><span class="verse-num">' + v + '</span>' + text + '</p>';
-        });
-        content.innerHTML = html;
-
-        // Add click handlers to verses
-        content.querySelectorAll('.verse').forEach((el, idx) => {
-            el.addEventListener('click', () => selectVerse(idx));
-        });
-
-        const chapters = Object.keys(bookStructure[currentBook]).map(Number).sort((a,b) => a-b);
-        const bookIdx = BOOKS.indexOf(currentBook);
-        prevBtn.disabled = !(currentChapter > chapters[0] || bookIdx > 0);
-        nextBtn.disabled = !(currentChapter < chapters[chapters.length-1] || bookIdx < BOOKS.length-1);
-
-        history.replaceState(null, '', '/offline?book=' + encodeURIComponent(book) + '&chapter=' + chapter);
-    }
-
-    function getVerses() {
-        return Array.from(content.querySelectorAll('.verse'));
-    }
-
-    function selectVerse(index) {
-        const verses = getVerses();
-        // Clear previous selection
-        verses.forEach(v => v.classList.remove('selected'));
-        if (index < 0 || index >= verses.length) {
-            selectedVerseIndex = -1;
-            return;
-        }
-        selectedVerseIndex = index;
-        verses[index].classList.add('selected');
-        verses[index].scrollIntoView({ behavior: 'smooth', block: 'center' });
-    }
-
-    function clearVerseSelection() {
-        const verses = getVerses();
-        verses.forEach(v => v.classList.remove('selected'));
-        selectedVerseIndex = -1;
-    }
-
-    function speakVerse(index) {
-        const verses = getVerses();
-        if (index < 0 || index >= verses.length) return;
-        if (!('speechSynthesis' in window)) {
-            alert('Speech synthesis not supported in this browser.');
-            return;
-        }
-
-        // Stop any current speech
-        speechSynthesis.cancel();
-
-        const verse = verses[index];
-        const book = verse.dataset.book;
-        const chapter = verse.dataset.chapter;
-        const verseNum = verse.dataset.verse;
-        const text = verse.textContent.replace(/^\d+/, '').trim();
-
-        // Mark as speaking
-        verses.forEach(v => v.classList.remove('speaking'));
-        verse.classList.add('speaking');
-
-        const utterance = new SpeechSynthesisUtterance(book + ' chapter ' + chapter + ', verse ' + verseNum + '. ' + text);
-        utterance.rate = 0.9;
-        utterance.onend = () => verse.classList.remove('speaking');
-        utterance.onerror = () => verse.classList.remove('speaking');
-        speechSynthesis.speak(utterance);
-    }
-
-    function drilldownVerse(index) {
-        const verses = getVerses();
-        if (index < 0 || index >= verses.length) return;
-        const verse = verses[index];
-        const book = verse.dataset.book;
-        const chapter = verse.dataset.chapter;
-        const verseNum = verse.dataset.verse;
-        // Navigate to verse commentary page
-        window.location.href = '/book/' + encodeURIComponent(book) + '/' + chapter + '/' + verseNum;
-    }
-
-    function navigate(dir) {
-        const chapters = Object.keys(bookStructure[currentBook]).map(Number).sort((a,b) => a-b);
-        const idx = chapters.indexOf(currentChapter);
-        if (dir === -1) {
-            if (idx > 0) { chapterSelect.value = chapters[idx-1]; renderChapter(currentBook, chapters[idx-1]); }
-            else {
-                const bi = BOOKS.indexOf(currentBook);
-                if (bi > 0) {
-                    const pb = BOOKS[bi-1], pc = Object.keys(bookStructure[pb]).map(Number).sort((a,b) => a-b);
-                    bookSelect.value = pb; populateChapters(pb); chapterSelect.value = pc[pc.length-1];
-                    renderChapter(pb, pc[pc.length-1]);
-                }
-            }
-        } else {
-            if (idx < chapters.length-1) { chapterSelect.value = chapters[idx+1]; renderChapter(currentBook, chapters[idx+1]); }
-            else {
-                const bi = BOOKS.indexOf(currentBook);
-                if (bi < BOOKS.length-1) {
-                    const nb = BOOKS[bi+1], nc = Object.keys(bookStructure[nb]).map(Number).sort((a,b) => a-b);
-                    bookSelect.value = nb; populateChapters(nb); chapterSelect.value = nc[0];
-                    renderChapter(nb, nc[0]);
-                }
-            }
-        }
-    }
-
-    bookSelect.addEventListener('change', function() {
-        if (this.value) {
-            populateChapters(this.value);
-            const ch = Object.keys(bookStructure[this.value]).map(Number).sort((a,b) => a-b)[0];
-            chapterSelect.value = ch;
-            renderChapter(this.value, ch);
-        }
-    });
-    chapterSelect.addEventListener('change', function() { if (this.value && currentBook) renderChapter(currentBook, this.value); });
-    prevBtn.addEventListener('click', () => navigate(-1));
-    nextBtn.addEventListener('click', () => navigate(1));
-
-    // Keyboard navigation for quick access cards
-    const cards = Array.from(document.querySelectorAll('.resource-card'));
-    let selectedCardIndex = -1;
-
-    function getGridColumns() {
-        if (window.innerWidth <= 768) return 2;
-        const grid = document.querySelector('.resource-grid');
-        if (!grid) return 3;
-        const style = getComputedStyle(grid);
-        const cols = style.gridTemplateColumns.split(' ').length;
-        return cols || 3;
-    }
-
-    function selectCard(index) {
-        // Clear previous selection
-        if (selectedCardIndex >= 0 && selectedCardIndex < cards.length) {
-            cards[selectedCardIndex].style.outline = '';
-            cards[selectedCardIndex].style.outlineOffset = '';
-        }
-        selectedCardIndex = Math.max(0, Math.min(index, cards.length - 1));
-        cards[selectedCardIndex].style.outline = '2px solid #4a7c59';
-        cards[selectedCardIndex].style.outlineOffset = '2px';
-        cards[selectedCardIndex].scrollIntoView({ behavior: 'smooth', block: 'center' });
-    }
-
-    function clearCardSelection() {
-        if (selectedCardIndex >= 0 && selectedCardIndex < cards.length) {
-            cards[selectedCardIndex].style.outline = '';
-            cards[selectedCardIndex].style.outlineOffset = '';
-        }
-        selectedCardIndex = -1;
-    }
-
-    // Navigation mode: 'cards', 'verses', or 'cached'
-    let navMode = 'cards';
-
-    // Cached URL navigation
-    let selectedCachedIndex = -1;
-
-    function getCachedUrlItems() {
-        return Array.from(document.querySelectorAll('.url-item'));
-    }
-
-    function selectCachedUrl(index) {
-        const items = getCachedUrlItems();
-        items.forEach(item => {
-            item.style.outline = '';
-            item.style.outlineOffset = '';
-            item.style.background = '';
-        });
-        if (index < 0 || index >= items.length) {
-            selectedCachedIndex = -1;
-            return;
-        }
-        selectedCachedIndex = index;
-        items[index].style.outline = '2px solid #4a7c59';
-        items[index].style.outlineOffset = '2px';
-        items[index].style.background = 'var(--border-color)';
-        items[index].scrollIntoView({ behavior: 'smooth', block: 'center' });
-    }
-
-    function clearCachedSelection() {
-        const items = getCachedUrlItems();
-        items.forEach(item => {
-            item.style.outline = '';
-            item.style.outlineOffset = '';
-            item.style.background = '';
-        });
-        selectedCachedIndex = -1;
-    }
-
-    document.addEventListener('keydown', function(e) {
-        if (e.target.tagName === 'SELECT' || e.target.tagName === 'INPUT') return;
-
-        const cols = getGridColumns();
-        const verses = getVerses();
-        const cachedItems = getCachedUrlItems();
-
-        // Cached URL navigation
-        if (navMode === 'cached' && cachedItems.length > 0) {
-            if (e.key === 'ArrowDown' || e.key === 'j') {
-                e.preventDefault();
-                selectCachedUrl(selectedCachedIndex < 0 ? 0 : Math.min(selectedCachedIndex + 1, cachedItems.length - 1));
-            } else if (e.key === 'ArrowUp' || e.key === 'k') {
-                e.preventDefault();
-                if (selectedCachedIndex > 0) {
-                    selectCachedUrl(selectedCachedIndex - 1);
-                } else {
-                    clearCachedSelection();
-                    navMode = 'cards';
-                }
-            } else if (e.key === 'Enter') {
-                e.preventDefault();
-                if (selectedCachedIndex >= 0 && cachedItems[selectedCachedIndex]) {
-                    window.location.href = cachedItems[selectedCachedIndex].href;
-                }
-            } else if (e.key === 'Escape') {
-                e.preventDefault();
-                clearCachedSelection();
-                navMode = 'cards';
-            } else if (e.key === 'ArrowLeft' || e.key === 'h') {
-                e.preventDefault();
-                clearCachedSelection();
-                navMode = 'cards';
-            }
-            return;
-        }
-
-        // Verse navigation when in verse mode
-        if (navMode === 'verses' && verses.length > 0) {
-            if (e.key === 'ArrowDown' || e.key === 'j') {
-                e.preventDefault();
-                selectVerse(selectedVerseIndex < 0 ? 0 : Math.min(selectedVerseIndex + 1, verses.length - 1));
-            } else if (e.key === 'ArrowUp' || e.key === 'k') {
-                e.preventDefault();
-                if (selectedVerseIndex > 0) {
-                    selectVerse(selectedVerseIndex - 1);
-                } else {
-                    clearVerseSelection();
-                    navMode = 'cards';
-                    selectCard(cards.length - 1);
-                }
-            } else if (e.key === ' ') {
-                e.preventDefault();
-                if (selectedVerseIndex >= 0) speakVerse(selectedVerseIndex);
-            } else if (e.key === 'Enter') {
-                e.preventDefault();
-                if (selectedVerseIndex >= 0) drilldownVerse(selectedVerseIndex);
-            } else if (e.key === 'Escape') {
-                e.preventDefault();
-                speechSynthesis.cancel();
-                clearVerseSelection();
-                navMode = 'cards';
-            } else if (e.key === 'ArrowRight' || e.key === 'l') {
-                e.preventDefault();
-                if (!nextBtn.disabled) { clearVerseSelection(); navigate(1); selectVerse(0); }
-            } else if (e.key === 'ArrowLeft' || e.key === 'h') {
-                e.preventDefault();
-                if (!prevBtn.disabled) { clearVerseSelection(); navigate(-1); selectVerse(0); }
-                else { clearVerseSelection(); navMode = 'cards'; }
-            } else if (e.key === 's') {
-                e.preventDefault();
-                speechSynthesis.cancel();
-                verses.forEach(v => v.classList.remove('speaking'));
-            }
-            return;
-        }
-
-        // Card navigation (default mode)
-        if (e.key === 'ArrowDown' || e.key === 'j') {
-            e.preventDefault();
-            if (selectedCardIndex < 0) {
-                selectCard(0);
-            } else if (selectedCardIndex + cols < cards.length) {
-                selectCard(selectedCardIndex + cols);
-            } else if (content.classList.contains('active') && verses.length > 0) {
-                clearCardSelection();
-                navMode = 'verses';
-                selectVerse(0);
-            }
-        } else if (e.key === 'ArrowUp' || e.key === 'k') {
-            e.preventDefault();
-            if (selectedCardIndex < 0) {
-                selectCard(0);
-            } else if (selectedCardIndex - cols >= 0) {
-                selectCard(selectedCardIndex - cols);
-            }
-        } else if (e.key === 'ArrowRight' || e.key === 'l') {
-            e.preventDefault();
-            if (selectedCardIndex < 0) {
-                selectCard(0);
-            } else if (selectedCardIndex < cards.length - 1) {
-                selectCard(selectedCardIndex + 1);
-            } else if (!nextBtn.disabled && currentBook) {
-                navigate(1);
-            }
-        } else if (e.key === 'ArrowLeft' || e.key === 'h') {
-            e.preventDefault();
-            if (selectedCardIndex > 0) {
-                selectCard(selectedCardIndex - 1);
-            } else if (selectedCardIndex === 0) {
-                clearCardSelection();
-                history.back();
-            } else if (!prevBtn.disabled && currentBook) {
-                navigate(-1);
-            } else {
-                history.back();
-            }
-        } else if (e.key === 'Enter' && selectedCardIndex >= 0) {
-            e.preventDefault();
-            window.location.href = cards[selectedCardIndex].href;
-        } else if (e.key === 'Escape') {
-            e.preventDefault();
-            speechSynthesis.cancel();
-            clearCardSelection();
-            clearVerseSelection();
-            clearCachedSelection();
-            navMode = 'cards';
-        } else if (e.key === 'v' && content.classList.contains('active') && verses.length > 0) {
-            e.preventDefault();
-            clearCardSelection();
-            clearCachedSelection();
-            navMode = 'verses';
-            selectVerse(0);
-        } else if (e.key === 'c') {
-            // Switch to cached pages navigation
-            e.preventDefault();
-            const details = document.querySelector('.tech-details');
-            if (details) {
-                details.open = true;
-                // Expand all categories so items are visible
-                document.querySelectorAll('.url-category').forEach(cat => cat.classList.add('expanded'));
-                setTimeout(() => {
-                    const items = getCachedUrlItems();
-                    if (items.length > 0) {
-                        clearCardSelection();
-                        clearVerseSelection();
-                        navMode = 'cached';
-                        selectCachedUrl(0);
-                    }
-                }, 100);
-            }
-        } else if (e.key === 'g') {
-            e.preventDefault();
-            clearCardSelection();
-            clearVerseSelection();
-            clearCachedSelection();
-            navMode = 'cards';
-            bookSelect.value = 'Genesis';
-            populateChapters('Genesis');
-            chapterSelect.value = '1';
-            renderChapter('Genesis', '1');
-        } else if (e.key === '?') {
-            e.preventDefault();
-            alert('Keyboard shortcuts:\n\nNavigation:\n  j/↓ - Move down\n  k/↑ - Move up\n  l/→ - Move right / Next chapter\n  h/← - Move left / Previous chapter / Back\n  Enter - Open selected / Drilldown\n  Esc - Clear selection / Stop speech\n\nModes:\n  v - Switch to verse navigation\n  c - Switch to cached pages navigation\n\nVerses:\n  Space - Speak selected verse\n  s - Stop speech\n\nOther:\n  g - Go to Genesis 1\n  ? - Show help');
-        }
-    });
-
-    loadBibleData();
-})();
-</script>
-{% endblock %}