UI: Increase map size with 5:1 ratio and 600px min-height

src/app/map/map.css

@@ -7,14 +7,15 @@
 }
 
 .map-column {
-  flex: 3;
+  flex: 5;
   display: flex;
   flex-direction: column;
 }
 
 .data-column {
   flex: 1;
-  min-width: 300px;
+  min-width: 320px;
+  max-width: 400px;
   display: flex;
   flex-direction: column;
   background-color: #f5f5f5;
@@ -29,7 +30,7 @@
   justify-content: center;
   align-items: center;
   width: 100%;
-  min-height: 500px;
+  min-height: 600px;
 }
 
 .country-info {
@@ -74,12 +75,13 @@ h2 {
   font-size: 1.5rem;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 968px) {
   .container {
     flex-direction: column;
   }
   
   .map-column, .data-column {
     flex: 1;
+    max-width: none;
   }
 }