Update app.py

app.py

@@ -846,22 +846,22 @@ def show_explanation(exp_type):
     
     if exp_type != "control":
         if exp_type == "input":
+            st.markdown("<p class='explanation-title'>علت قیمت گذاری:</p>", unsafe_allow_html=True)
             st.markdown("""
             <div style="direction: rtl; text-align: right;">
-                <span style="font-weight: bold;">علت قیمت گذاری</span>
                 <span style="font-size: 0.9em; color: #666;">(تعداد علامت + نشان دهنده شدت اثر عامل بر قیمت است)</span>
             </div>
             """, unsafe_allow_html=True)
-            
             for item in explanations.get(exp_type, []):
-                st.markdown(f"<div style='direction: rtl; text-align: right; margin-right: 15px;'>• {item}</div>", 
-                           unsafe_allow_html=True)
+                st.markdown(f"<p class='explanation-item'>• {item}</p>", unsafe_allow_html=True)
         
         elif exp_type == "counterfactual":
-            st.markdown("<div style='direction: rtl; text-align: right; font-weight: bold;'>علت قیمت گذاری:</div>", 
-                       unsafe_allow_html=True)
-            st.markdown(f"<div style='direction: rtl; text-align: right; margin-right: 15px;'>• {explanations[exp_type][0]}</div>", 
-                       unsafe_allow_html=True)
+            st.markdown("<p class='explanation-title'>علت قیمت گذاری:</p>", unsafe_allow_html=True)
+            for item in explanations.get(exp_type, []):
+                st.markdown(f"<p class='explanation-item'>• {item}</p>", unsafe_allow_html=True)
+
+
+            
 
 def create_likert_question(question, key, scale_type="5point"):
     """نمایش سوال لیکرت با اسلایدر نقطه‌ای"""