Fix metadata display not wrapping long lines. Add LaTeX support

assets/css/base.css

@@ -9,7 +9,7 @@ body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   margin: 0;
   padding: 1rem;
-  padding-bottom: 2rem;
+  padding-bottom: 400px; /* Further increased bottom padding to prevent overlap with stats box */
   background-color: var(--bg-color);
   color: var(--text-color);
   transition: background-color 0.3s, color 0.3s;
@@ -52,3 +52,20 @@ ul li a:hover {
   color: var(--link-hover);
   text-decoration: underline;
 }
+
+/* Responsive design adjustments */
+@media (max-width: 768px) {
+  body {
+    padding: 0.5rem;
+    padding-bottom: 300px; /* Further increased mobile bottom padding to match desktop */
+  }
+  
+  h1 {
+    font-size: 1.5rem;
+  }
+  
+  h2 {
+    font-size: 1.2rem;
+    margin: 1rem 0 0.5rem 0;
+  }
+}