fix: adjust layout styles for improved responsiveness and alignment

Author: markshenouda

src/components/CCIP/Token/Token.astro

@@ -171,9 +171,8 @@ const tokenStructuredData = generateTokenStructuredData(token, environment, chai
 
 <style scoped="false">
   .layout {
-    --doc-padding: var(--space-6x);
-    margin: var(--space-8x) auto;
-    padding: var(--doc-padding);
+    margin: 0 auto;
+    padding: var(--space-6x);
   }
 
   .layout h2 {
@@ -205,8 +204,13 @@ const tokenStructuredData = generateTokenStructuredData(token, environment, chai
 
   @media (min-width: 50em) {
     .layout {
-      max-width: min(calc(1440px - 2 * var(--space-16x)), calc(100% - 2 * var(--space-16x)));
-      padding: 0;
+      max-width: 1500px;
+    }
+  }
+
+  @media (min-width: 992px) {
+    .layout {
+      padding: var(--space-10x) var(--space-8x);
     }
   }
 </style>