From fc8217025c6fa35316a8441a83ab9f7862979ea6 Mon Sep 17 00:00:00 2001
From: enesgules <abdullah.enes.gules@gmail.com>
Date: Thu, 8 Oct 2026 15:57:38 +0300
Subject: [PATCH 1/2] Align the landing page with other pages' sidebar gap

---
 style.css | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/style.css b/style.css
index 7f8fc4ee..443bc78d 100644
--- a/style.css
+++ b/style.css
@@ -19,12 +19,31 @@
    ============================================================ */
 
 .u-wrap {
-  width: 100%;
-  max-width: 66.75rem;
-  margin: 0 auto;
+  box-sizing: content-box;
+  max-width: 63.75rem;
   padding: 0 1.5rem 6rem;
 }
 
+/* `mode: frame` gives the page the whole column beside the sidebar with no
+   inset, so a centered wrap sat a different distance from the sidebar at every
+   window width. From lg up, start where docs7's article column starts on other
+   pages: its left inset (--u-left) plus the slack its 48rem article gets when
+   centered between that inset and the right inset plus ToC (--u-right). The
+   3.5rem is the shell's right gutter, which frame mode drops. */
+@media (width >= 64rem) {
+  .u-wrap {
+    --u-left: var(--docs-column-gap);
+    --u-right: var(--docs-column-gap);
+    padding-left: calc(var(--u-left) + max(0px, (100% - 3.5rem - var(--u-left) - var(--u-right) - 48rem) / 2));
+  }
+}
+@media (width >= 80rem) {
+  .u-wrap {
+    --u-left: calc(var(--docs-column-gap) + var(--docs-panel-inset));
+    --u-right: calc(var(--docs-column-gap) + var(--docs-panel-width));
+  }
+}
+
 /* In `mode: frame` Mintlify keeps the left sidebar but STILL reserves a 28rem
    right column for the table of contents, which frame hides, leaving it empty and
    squishing the content. On the Get Started landing we collapse that empty column

From 1abd6a94da8bc54efdc94bbfd9d6a038e997e2a8 Mon Sep 17 00:00:00 2001
From: enesgules <abdullah.enes.gules@gmail.com>
Date: Thu, 8 Oct 2026 18:49:32 +0300
Subject: [PATCH 2/2] Match the landing page gap on every width, mobile
 included

---
 style.css | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/style.css b/style.css
index 443bc78d..5c724774 100644
--- a/style.css
+++ b/style.css
@@ -18,29 +18,34 @@
    Custom landing page (mode: frame)
    ============================================================ */
 
+/* `mode: frame` gives the page the whole content area with no inset, so the
+   landing starts where docs7 starts the article on other pages: the page
+   gutter below lg (PAGE_GUTTER in docs7's renderer/lib/page-gutter.ts), then
+   the article column's inset. Update these if docs7 changes them. */
 .u-wrap {
+  --u-inset: 1.5rem;
   box-sizing: content-box;
   max-width: 63.75rem;
-  padding: 0 1.5rem 6rem;
+  padding: 0 var(--u-inset) 6rem;
+}
+@media (width >= 40rem) {
+  .u-wrap {
+    --u-inset: 2.25rem;
+  }
+}
+@media (width >= 48rem) {
+  .u-wrap {
+    --u-inset: 2.75rem;
+  }
 }
-
-/* `mode: frame` gives the page the whole column beside the sidebar with no
-   inset, so a centered wrap sat a different distance from the sidebar at every
-   window width. From lg up, start where docs7's article column starts on other
-   pages: its left inset (--u-left) plus the slack its 48rem article gets when
-   centered between that inset and the right inset plus ToC (--u-right). The
-   3.5rem is the shell's right gutter, which frame mode drops. */
 @media (width >= 64rem) {
   .u-wrap {
-    --u-left: var(--docs-column-gap);
-    --u-right: var(--docs-column-gap);
-    padding-left: calc(var(--u-left) + max(0px, (100% - 3.5rem - var(--u-left) - var(--u-right) - 48rem) / 2));
+    --u-inset: var(--docs-column-gap);
   }
 }
 @media (width >= 80rem) {
   .u-wrap {
-    --u-left: calc(var(--docs-column-gap) + var(--docs-panel-inset));
-    --u-right: calc(var(--docs-column-gap) + var(--docs-panel-width));
+    --u-inset: calc(var(--docs-column-gap) + var(--docs-panel-inset));
   }
 }