Reduce left/right margins on mobile view

Add responsive CSS media query for screens 768px and narrower that:
- Reduces padding on #page-content-wrapper from 25px to 8px
- Reduces padding on #intro-paragraph from 35px to 8px
- Reduces padding on .nav-holder from 20px to 8px
- Reduces padding on .gradio-container
- Makes content full width (max-width: 100%)
- Reduces table cell padding for better mobile display

content.py

@@ -1046,4 +1046,69 @@ h3 .header-link-icon {
 .dark .js-plotly-plot .modebar-btn:hover path {
     fill: #4a4533 !important;
 }
+
+/* ====== Mobile Responsive Styles ====== */
+/* Reduce left/right padding and margins on mobile devices */
+@media (max-width: 768px) {
+    /* Reduce padding on main content wrapper */
+    #page-content-wrapper {
+        padding-left: 8px !important;
+        padding-right: 8px !important;
+    }
+    
+    /* Reduce padding on intro paragraph */
+    #intro-paragraph {
+        padding-left: 8px !important;
+        padding-right: 8px !important;
+        max-width: 100% !important;
+    }
+    
+    /* Reduce padding on category intro */
+    #intro-category-paragraph {
+        padding-left: 8px !important;
+        padding-right: 8px !important;
+        max-width: 100% !important;
+    }
+    
+    /* Reduce navigation holder padding */
+    .nav-holder {
+        padding-left: 8px !important;
+        padding-right: 8px !important;
+    }
+    
+    /* Reduce about content padding */
+    #about-content {
+        padding-left: 8px !important;
+        padding-right: 8px !important;
+        max-width: 100% !important;
+    }
+    
+    /* Reduce about page wrapper padding */
+    #about-page-content-wrapper {
+        padding-left: 12px !important;
+        padding-right: 12px !important;
+    }
+    
+    /* Reduce gradio container padding */
+    .gradio-container {
+        padding-left: 8px !important;
+        padding-right: 8px !important;
+    }
+    
+    /* Reduce main block padding */
+    .main, .wrap, .contain {
+        padding-left: 4px !important;
+        padding-right: 4px !important;
+    }
+    
+    /* Make plots and tables full width on mobile */
+    .plot-legend-container {
+        padding: 16px 12px !important;
+    }
+    
+    /* Reduce table cell padding on mobile */
+    table.gr-table th, table.gr-table td {
+        padding: 4px 2px !important;
+    }
+}
 """