Update app.py

app.py

@@ -387,7 +387,7 @@ radio_css = """
 
 /* Style for the main label ("Select Category:") */
 .gradio-radio > label span { /* This targets the "Select Category:" part */
-    font-size: 1.5rem !important;
+    font-size: 1.2rem !important;
     font-weight: 600;
     color: #2a6099;
     padding-bottom: 8px;
@@ -396,7 +396,7 @@ radio_css = """
 
 /* Style for the individual option labels (Overall, MLE-Lite, etc.) */
 .gradio-radio .wrap > label > span { /* <--- ADDED/UPDATED RULE */
-    font-size: 1.5rem !important;
+    font-size: 1.2rem !important;
     font-family: Verdana, Geneva, sans-serif;
     color: #444;
     font-weight: normal;
@@ -415,7 +415,36 @@ radio_css = """
 
 """
 
-final_css = f"{custom_css}\n{base_css}\n{intro_css}\n{markdown_css}\n{tab_css}\n{radio_css}"
+citation_css = """
+/* Accordion Header Text ("📙 Citation") */
+.gradio-accordion button.label-wrap > span.svelte-1w6vloh {
+    font-size: 1.4rem !important;    /* Adjust size */
+    font-weight: 600;               /* Adjust weight */
+    color: #8B4513;               /* Adjust color (SaddleBrown example) */
+    font-family: Georgia, serif;    /* Adjust font */
+}
+
+/* Citation Textbox Label ("Copy the following snippet...") */
+#citation-button span.svelte-1gfkn6j {
+    font-size: 0.95rem !important; /* Adjust size */
+    color: #666;                 /* Adjust color */
+    font-style: normal;           /* Adjust style (e.g., italic) */
+    display: block;               /* Make it a block to add margin */
+    margin-bottom: 5px;           /* Add space below label */
+}
+
+/* Citation Textbox Content (The actual text) */
+#citation-button textarea {
+    font-size: 1.0rem !important;  /* Adjust size */
+    font-family: monospace;        /* Adjust font (monospace often used for citations) */
+    color: #222;                 /* Adjust text color */
+    line-height: 1.6;           /* Adjust line spacing */
+    background-color: #fdfdfd;  /* Adjust background color */
+    border: 1px solid #ccc;     /* Adjust border */
+}
+"""
+
+final_css = f"{custom_css}\n{base_css}\n{intro_css}\n{markdown_css}\n{tab_css}\n{radio_css}\n{citation_css}"
 
 # ---------------------------------------------------------------------------
 # Build the Gradio UI