diff --git a/public/js/components/navbar.js b/public/js/components/navbar.js
index b000d342..465bbc82 100644
--- a/public/js/components/navbar.js
+++ b/public/js/components/navbar.js
@@ -47,57 +47,20 @@ class TractatusNavbar {
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                   </svg>
                 </button>
-                <div class="nav-dropdown-panel hidden absolute left-0 top-full mt-1 bg-white rounded-xl shadow-xl border border-gray-200 p-4 z-50" style="width:520px">
-
-                  <!-- Recent Research -->
-                  <p class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2 px-1">Recent Research</p>
-                  <div class="grid grid-cols-2 gap-2 mb-3">
-                    <a href="/docs-viewer.html?slug=taonga-centred-steering-governance-polycentric-authority-for-sovereign-small-language-models"
-                       class="border border-gray-200 rounded-lg p-3 hover:border-blue-300 hover:bg-blue-50/50 transition group">
-                      <h4 class="text-sm font-semibold text-gray-900 group-hover:text-blue-700 transition-colors mb-1">Taonga-Centred Steering Governance</h4>
-                      <p class="text-xs text-gray-500 mb-1.5">Polycentric authority for sovereign small language models</p>
-                      <div class="flex items-center gap-2 text-xs text-gray-400">
-                        <span>Feb 2026</span>
-                        <span class="bg-gray-100 px-1.5 py-0.5 rounded text-gray-500">Draft</span>
-                      </div>
-                    </a>
-                    <a href="/docs-viewer.html?slug=steering-vectors-mechanical-bias-sovereign-ai"
-                       class="border border-gray-200 rounded-lg p-3 hover:border-blue-300 hover:bg-blue-50/50 transition group">
-                      <h4 class="text-sm font-semibold text-gray-900 group-hover:text-blue-700 transition-colors mb-1">Steering Vectors &amp; Mechanical Bias</h4>
-                      <p class="text-xs text-gray-500 mb-1.5">Inference-time debiasing for sovereign small language models</p>
-                      <div class="flex items-center gap-2 text-xs text-gray-400">
-                        <span>Feb 2026</span>
-                        <span class="bg-gray-100 px-1.5 py-0.5 rounded text-gray-500">v1.1</span>
-                      </div>
-                    </a>
-                  </div>
-
-                  <!-- Foundational -->
-                  <p class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2 px-1">Foundational</p>
-                  <div class="border border-gray-200 rounded-lg p-3 mb-3 hover:border-blue-300 hover:bg-blue-50/50 transition group">
-                    <h4 class="text-sm font-semibold text-gray-900 group-hover:text-blue-700 transition-colors mb-1.5">Architectural Alignment</h4>
-                    <p class="text-xs text-gray-500 mb-2">Interrupting neural reasoning through constitutional inference gating</p>
-                    <div class="flex items-center gap-2">
-                      <a href="/architectural-alignment.html" class="text-xs font-medium text-blue-600 hover:text-blue-800 bg-blue-50 px-2 py-1 rounded hover:bg-blue-100 transition">Academic</a>
-                      <a href="/architectural-alignment-community.html" class="text-xs font-medium text-blue-600 hover:text-blue-800 bg-blue-50 px-2 py-1 rounded hover:bg-blue-100 transition">Community</a>
-                      <a href="/architectural-alignment-policymakers.html" class="text-xs font-medium text-blue-600 hover:text-blue-800 bg-blue-50 px-2 py-1 rounded hover:bg-blue-100 transition">Policymakers</a>
-                      <span class="text-xs text-gray-400 ml-auto">v2.1</span>
-                    </div>
-                  </div>
-
-                  <!-- Quick links -->
-                  <div class="border-t border-gray-100 pt-3 flex items-center justify-between">
-                    <div class="flex gap-3">
-                      <a href="/researcher.html" class="text-sm text-gray-600 hover:text-blue-700 transition">For Researchers</a>
-                      <a href="/timeline.html" class="text-sm text-gray-600 hover:text-blue-700 transition">Research Timeline</a>
-                    </div>
-                    <a href="/docs.html" class="text-sm font-medium text-blue-600 hover:text-blue-800 transition flex items-center gap-1">
-                      Browse All
-                      <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
-                      </svg>
-                    </a>
-                  </div>
+                <div class="nav-dropdown-panel hidden absolute left-0 top-full mt-1 w-56 bg-white rounded-lg shadow-lg border border-gray-200 py-2 z-50">
+                  <button data-research-papers-trigger class="w-full text-left block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition">
+                    <span class="font-medium">Publications</span>
+                    <span class="block text-xs text-gray-500 mt-0.5">Browse research papers</span>
+                  </button>
+                  <div class="border-t border-gray-100 my-1"></div>
+                  <a href="/researcher.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition">
+                    <span class="font-medium">For Researchers</span>
+                    <span class="block text-xs text-gray-500 mt-0.5">Open questions and collaboration</span>
+                  </a>
+                  <a href="/timeline.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition">
+                    <span class="font-medium">Research Timeline</span>
+                    <span class="block text-xs text-gray-500 mt-0.5">Evolution of the research</span>
+                  </a>
                 </div>
               </div>
 
@@ -217,9 +180,7 @@ class TractatusNavbar {
                   </svg>
                 </button>
                 <div class="mobile-nav-section-content overflow-hidden transition-all duration-200" style="max-height:0">
-                  <a href="/architectural-alignment.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Academic Paper</a>
-                  <a href="/architectural-alignment-community.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Community Paper</a>
-                  <a href="/architectural-alignment-policymakers.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Policymakers Paper</a>
+                  <button data-research-papers-trigger class="w-full text-left block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Publications</button>
                   <a href="/researcher.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">For Researchers</a>
                   <a href="/timeline.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Research Timeline</a>
                 </div>
@@ -430,10 +391,10 @@ class TractatusNavbar {
       mobileMenuBackdrop.addEventListener('click', toggleMobileMenu);
     }
 
-    // Close mobile menu on navigation
-    const mobileLinks = document.querySelectorAll('#mobile-menu a');
-    mobileLinks.forEach(link => {
-      link.addEventListener('click', () => {
+    // Close mobile menu on navigation (links and modal triggers)
+    const mobileClickables = document.querySelectorAll('#mobile-menu a, #mobile-menu [data-research-papers-trigger]');
+    mobileClickables.forEach(el => {
+      el.addEventListener('click', () => {
         if (this.mobileMenuOpen) {
           toggleMobileMenu();
         }