diff --git a/style.css b/style.css
index 7f8fc4ee..5c724774 100644
--- a/style.css
+++ b/style.css
@@ -18,11 +18,35 @@
    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 {
-  width: 100%;
-  max-width: 66.75rem;
-  margin: 0 auto;
-  padding: 0 1.5rem 6rem;
+  --u-inset: 1.5rem;
+  box-sizing: content-box;
+  max-width: 63.75rem;
+  padding: 0 var(--u-inset) 6rem;
+}
+@media (width >= 40rem) {
+  .u-wrap {
+    --u-inset: 2.25rem;
+  }
+}
+@media (width >= 48rem) {
+  .u-wrap {
+    --u-inset: 2.75rem;
+  }
+}
+@media (width >= 64rem) {
+  .u-wrap {
+    --u-inset: var(--docs-column-gap);
+  }
+}
+@media (width >= 80rem) {
+  .u-wrap {
+    --u-inset: calc(var(--docs-column-gap) + var(--docs-panel-inset));
+  }
 }
 
 /* In `mode: frame` Mintlify keeps the left sidebar but STILL reserves a 28rem