fixup! feat(nav): restructure layout with ProductBar and full-width borders

Restore responsive padding on content area, add left padding for sidebar
breathing room, centre content with mx-auto, replace right sidebar
box-shadow with border-l, and set right sidebar to w-60.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: m-hulbert

src/components/Layout/Layout.tsx

@@ -49,20 +49,22 @@ const Layout: React.FC<LayoutProps> = ({ children, pageContext }) => {
       <Header />
       {showProductBar && <ProductBar className="hidden md:block" />}
       <div className="max-w-[1856px] mx-auto pt-16">
-        <div className={cn('flex px-8', !leftSidebar && 'md:px-12')}>
+        <div className={cn('flex md:pl-4 lg:pl-6', !leftSidebar && 'md:px-12')}>
           <LeftSidebar className={cn(!leftSidebar && 'md:hidden')} />
           <Container
             as="main"
             className={cn(
-              'flex-1 min-w-0',
+              'flex-1 min-w-0 px-6 sm:px-8 md:px-10 lg:px-16',
               { 'max-w-[860px] mx-auto': !isRedocPage && leftSidebar },
               { 'overflow-x-clip': !isRedocPage },
             )}
           >
             {leftSidebar ? (
               <div className="flex items-center justify-between mt-8 gap-4">
                 <Breadcrumbs />
-                <CopyForLLM />
+                <div className="hidden md:flex shrink-0">
+                  <CopyForLLM />
+                </div>
               </div>
             ) : null}
             {children}

src/components/Layout/RightSidebar.tsx

@@ -261,7 +261,7 @@ const RightSidebar = () => {
 
   return (
     <div
-      className="hidden md:block sticky w-[312px] shrink-0"
+      className="hidden md:block sticky w-60 shrink-0"
       style={{
         top: `${stickyTopPx}px`,
         height: componentMaxHeight(HEADER_HEIGHT, HEADER_BOTTOM_MARGIN, 32),
@@ -278,7 +278,7 @@ const RightSidebar = () => {
             <p className="ui-text-label4 font-semibold text-neutral-1300 dark:text-neutral-000 mb-3">On this page</p>
             <div
               className={cn(
-                'flex shadow-[0.5px_0px_var(--color-neutral-000)_inset,1.5px_0px_var(--color-neutral-300)_inset]',
+                'flex border-l border-neutral-300 dark:border-neutral-1000',
                 isStepped && 'ml-2',
               )}
             >