Update app.py

app.py

@@ -384,22 +384,35 @@ tab_css = """
 
 radio_css = """
 /* --- Radio Button Styling --- */
-.gradio-radio > label span {
-    font-size: 1.6rem !important;
+
+/* Style for the main label ("Select Category:") */
+.gradio-radio > label span { /* This targets the "Select Category:" part */
+    font-size: 1.5rem !important;
     font-weight: 600;
     color: #2a6099;
-    padding-bottom: 10px;
+    padding-bottom: 8px;
     display: inline-block;
 }
-.gradio-radio .gr-form label span {
-    font-size: 1.3rem !important;
-    font-family: Consolas, monaco, monospace;
-    color: #333;
+
+/* Style for the individual option labels (Overall, MLE-Lite, etc.) */
+.gradio-radio .wrap > label > span { /* <--- ADDED/UPDATED RULE */
+    font-size: 1.5rem !important;
+    font-family: Verdana, Geneva, sans-serif;
+    color: #444;
+    font-weight: normal;
+    font-style: normal;
     padding-left: 6px;
 }
-.gradio-radio .gr-form {
-    padding-top: 5px;
+
+/* Optional: Style for the selected option's text */
+.gradio-radio .wrap > label.selected > span { /* <--- ADDED RULE */
+     font-weight: bold;
+     color: #111;
 }
+
+/* Optional: Style the container for options if needed */
+/* .gradio-radio .wrap { } */ /* Previously suggested .gr-form, but .wrap is correct */
+
 """
 
 final_css = f"{custom_css}\n{base_css}\n{intro_css}\n{markdown_css}\n{tab_css}\n{radio_css}"