fixing appearance of stats on cards

frontend/styles.css

@@ -522,8 +522,8 @@ body {
 
 .school-stats {
     display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 0.75rem;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 0.5rem;
     padding-top: 1rem;
     border-top: 1px solid var(--border-color);
 }
@@ -533,7 +533,7 @@ body {
 }
 
 .stat-value {
-    font-size: 1.25rem;
+    font-size: 1.1rem;
     font-weight: 700;
     color: var(--text-primary);
     display: flex;
@@ -570,10 +570,10 @@ body {
 }
 
 .stat-label {
-    font-size: 0.7rem;
+    font-size: 0.65rem;
     color: var(--text-muted);
     text-transform: uppercase;
-    letter-spacing: 0.05em;
+    letter-spacing: 0.03em;
 }
 
 /* School Card Map */
@@ -1438,8 +1438,8 @@ body {
 
 /* Info Icon SVG */
 .info-icon {
-    width: 12px;
-    height: 12px;
+    width: 10px;
+    height: 10px;
     flex-shrink: 0;
 }