diff --git a/templates/framework.html b/templates/framework.html
index 098d5850..e5fca12a 100644
--- a/templates/framework.html
+++ b/templates/framework.html
@@ -7,8 +7,9 @@
     {# Favicon #}
     <link rel="shortcut icon" type="image/png" href="{% static 'images/favicon.ico' %}"/>
 
-    {# Tailwind CSS Output - MUST load first for proper cascading #}
-    <link href="{% static 'css/output.css' %}" rel="stylesheet" type="text/css"/>
+    {# Tailwind CSS disabled for legacy Bootstrap framework #}
+    {# Pages using this framework will be migrated to framework_modern.html incrementally #}
+    {# <link href="{% static 'css/output.css' %}" rel="stylesheet" type="text/css"/> #}
 
     {# Legacy Bootstrap 3.3.7 - scoped to .legacy-bootstrap #}
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
@@ -24,12 +25,7 @@
 
     {# Bootstrap compatibility styles #}
     <style>
-        /* Isolate Bootstrap to legacy sections only */
-        .legacy-bootstrap {
-            /* Bootstrap can override Tailwind here */
-        }
-
-        /* Prevent Bootstrap from affecting Tailwind sections */
+        /* Ensure proper viewport behavior */
         html, body {
             height: 100%; /* ensure body fills viewport */
             overflow-x: hidden; /* prevent horizontal scroll */