body { 
            font-family: 'Inter', sans-serif; 
            background-color: #f8fafc; /* slate-50 */
        }
        #map { 
            height: 60vh; 
            min-height: 400px; 
            border-radius: 0.5rem; 
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); 
        }
        .leaflet-popup-content-wrapper { 
            border-radius: 0.5rem; 
        }
        .tab-content { 
            display: none; 
        }
        .tab-content.active { 
            display: block; 
        }
        .tab-button.active { 
            border-color: #4f46e5; /* indigo-600 */
            color: #4f46e5;
            background-color: #eef2ff; /* indigo-50 */
        }
        .analysis-table {
            table-layout: fixed;
            width: 100%;
        }
        .analysis-table th {
            word-break: break-word;
        }
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 500px; /* Max width for readability */
            height: 50vh; /* Responsive height */
            max-height: 450px; /* Max height */
            margin-left: auto;
            margin-right: auto;
        }