diff --git a/src/pages/roadmap.astro b/src/pages/roadmap.astro
index ff463bb..2832e3c 100644
--- a/src/pages/roadmap.astro
+++ b/src/pages/roadmap.astro
@@ -53,7 +53,7 @@ const items = getAllRoadmapItems()
   .roadmap-header {
     text-align: center;
     max-width: 640px;
-    margin: 0 auto 28px;        /* tightened — legend sits right under */
+    margin: 0 auto 56px;        /* generous gap to the legend */
     padding-top: 32px;
   }
   .roadmap-title {
@@ -78,7 +78,7 @@ const items = getAllRoadmapItems()
     display: flex;
     justify-content: center;
     gap: 24px;
-    margin: 0 auto 32px;        /* legend → route */
+    margin: 0 auto 14px;        /* tight to the route — they're paired */
     flex-wrap: wrap;
   }
   .roadmap-legend span {
@@ -103,9 +103,9 @@ const items = getAllRoadmapItems()
 
   @media (max-width: 767px) {
     .roadmap-page { padding: 0 24px 64px; }
-    .roadmap-header { padding-top: 24px; margin-bottom: 20px; }
+    .roadmap-header { padding-top: 24px; margin-bottom: 40px; }
     .roadmap-title { font-size: 36px; }
-    .roadmap-legend { margin-bottom: 24px; }
+    .roadmap-legend { margin-bottom: 12px; }
     .roadmap-page :global(.rr-dispatch) { margin-top: 72px; }
   }
 </style>