diff --git a/website/sidebars.js b/website/sidebars.js
index 72e3166db..ca437e584 100644
--- a/website/sidebars.js
+++ b/website/sidebars.js
@@ -21,6 +21,16 @@ const providerTitle = config.title.replace(/^StackQL /, '').replace(/ Provider$/
 
  const sidebars = {
   mainSidebar: [
+    // Way back to the main stackql.io docs, as on the query library site.
+    // '/stackqldocs' is this site's redirect page (src/pages/stackqldocs.js).
+    // The arrow and divider come from the .sidebar-back-link rules in the
+    // site stylesheet.
+    {
+      type: 'link',
+      label: 'Back to StackQL Docs',
+      href: '/stackqldocs',
+      className: 'sidebar-back-link',
+    },
     {
       type: 'link',
       label: 'All Providers',
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 392c310e1..325c3c145 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -271,4 +271,24 @@ div:has(> .vhsImage) {
 .breadcrumbs-with-actions nav {
   flex: 1;
   min-width: 0;
-}
\ No newline at end of file
+}
+
+/*
+* sidebar: back link to the main stackql.io docs (the first item in
+* sidebars.js). Same treatment as the query library site: bold label,
+* leading arrow drawn here so the label stays plain text, divider below.
+*/
+.sidebar-back-link {
+  border-bottom: 1px solid var(--ifm-color-emphasis-300);
+  padding-bottom: 0.5rem;
+  margin-bottom: 0.5rem !important;
+}
+
+.sidebar-back-link .menu__link {
+  font-weight: 600;
+}
+
+.sidebar-back-link .menu__link::before {
+  content: '\2190';
+  margin-right: 0.5rem;
+}