Update app.py

app.py

@@ -44,14 +44,14 @@ def search_wikipedia(keyword, max_results=20):
 
         # Generate HTML with Tailwind-styled cards
         html_output = """
-        <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
-        <div class="max-w-7xl mx-auto p-4">
+        <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+        <div class="max-w-5xl mx-auto p-4 container">
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         """
         for item in output:
             url_link = f'<a href="{item["URL"]}" target="_blank" class="text-blue-500 hover:text-blue-700 font-medium">Read on Wikipedia</a>' if item["URL"] != "N/A" else "No link available"
             html_output += f"""
-            <div class="bg-white rounded-xl shadow-lg hover:shadow-2xl transition-shadow duration-300 p-6">
+            <div class="bg-white rounded-xl shadow-lg hover:shadow-2xl transition-shadow duration-300 p-4">
                 <h2 class="text-xl font-bold text-gray-800 mb-3">{item["Title"]}</h2>
                 <p class="text-gray-600 mb-4">{item["Summary"]}</p>
                 <div class="text-sm">{url_link}</div>
@@ -63,7 +63,7 @@ def search_wikipedia(keyword, max_results=20):
 
     except Exception as e:
         return """
-        <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
+        <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
         <div class="max-w-7xl mx-auto p-4">
             <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded-lg">
                 An error occurred: {str(e)}