merge main in

styles/_code-walkthrough.scss

@@ -0,0 +1,26 @@
+#app_root article .code-walkthrough {
+    margin-right: 112px;
+    max-width: calc(100% - 112px);
+    padding-right: 0;
+    grid-template-columns: 5fr 5fr;
+
+    .tag-size-large {
+        margin: var(--spacing-xs);
+    }
+
+    [data-component-name="Markdoc/CodeWalkthrough/CodeFilters"] {
+        padding: var(--spacing-xs) var(--spacing-lg);
+
+        > :first-child > :first-child {
+            margin: auto;
+        }
+    }
+
+    > :first-child > div {
+        margin: auto;
+    }
+
+    [data-line-number]::before {
+        padding-left: 0.8em;
+    }
+}

styles/_content.scss

@@ -68,9 +68,21 @@
     margin: 6px;
     margin-top: 24px;
   }
+  li:first-child {
+    margin-top: 16px;
+  }
   li p {
     margin: 0;
   }
+  [data-component-name="Markdoc/Tabs/Tabs"] li {
+    margin: 0;
+
+    /*button {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+    }*/
+  }
+
 
   // "Source" links float right
   a[title="Source"],

styles/_top-nav.scss

@@ -1,6 +1,6 @@
 /* Top navigation ----------------------------------------------------------- */
 $nav-height: 80px;
-$banner-height: 52px; // Apex 2025 banner is 52px. 0 for no pencil banner.
+$banner-height: 0; // Currently no pencil banner.
 
 [data-component-name="layouts/RootLayout"] {
   padding-top: $nav-height + $banner-height;
@@ -530,7 +530,7 @@ $banner-height: 52px; // Apex 2025 banner is 52px. 0 for no pencil banner.
           display: none;
         }
 
-        #topnav-search, 
+        #topnav-search,
         #topnav-language,
         #topnav-theme {
           // display: none;

styles/xrpl.scss

@@ -54,6 +54,7 @@ $line-height-base: 1.5;
 @import "_top-banner.scss";
 @import "_content.scss";
 @import "_code-tabs.scss";
+@import "_code-walkthrough.scss";
 @import "_diagrams.scss";
 @import "_external-links.scss";
 @import "_footer.scss";