Rehaul of graph component

src/index.css

@@ -351,6 +351,10 @@ html {
     grid-template-columns: repeat(2, 1fr);
     gap: 20px;
   }
+
+  .dashboard-grid > :first-child {
+    grid-column: 1 / -1;
+  }
 }
 
 /* Desktop: maintain 2 columns with generous gap */
@@ -405,16 +409,10 @@ html {
 
 .timeline-intervention-item {
   width: 100%;
+  gap: 8px;
+  
 }
 
-.timeline-intervention-item--education {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.timeline-intervention-item--education > div {
-  width: min(100%, 94%);
-}
 
 .timeline-intervention-pill {
   display: inline-flex;
@@ -441,7 +439,7 @@ html {
 /* Tablet+: 2 columns */
 @media (min-width: 768px) {
   .pathway-columns {
-    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
+    grid-template-columns: minmax(0, 2fr) minmax(0, 3.5fr);
     align-items: start;
     gap: 22px;
   }