Update app.py

app.py

@@ -552,6 +552,32 @@ def create_interface():
         line-height: 1.4 !important;
     }
 
+    /* Ensure gr-markdown content is always visible and not hidden by overflow */
+    .gr-markdown {
+        overflow: visible !important; /* Prevent text from being clipped */
+        min-height: unset !important; /* Ensure it doesn't collapse */
+        width: 100% !important; /* Ensure it takes full available width */
+        box-sizing: border-box !important; /* Include padding and border in the element's total width and height */
+        padding: 1rem !important; /* Add some default padding to markdown blocks */
+    }
+
+    /* Ensure the main title and intro text are always at the top and visible */
+    .gradio-container > .gr-block:first-child {
+        /* This targets the first block inside the main container, which is usually the title Markdown */
+        display: block !important; /* Ensure it's not hidden by flex/grid */
+        width: 100% !important;
+        margin-bottom: 1.5rem !important; /* Add some space below the intro text */
+        padding: 0 0.5rem !important; /* Adjust padding for the top markdown block */
+    }
+
+    /* Adjust accordion header font size on small screens if it's too big */
+    @media (max-width: 640px) {
+        .gr-accordion-header {
+            font-size: 0.95rem !important; /* Slightly smaller for mobile headers */
+            padding: 0.75rem !important;
+        }
+    }
+
     /* Mobile-first responsive breakpoints */
     
     /* Small devices (phones, 320px and up) */