Fix API reference content squish when AI assistant panel opens (#330)

## Summary

- On API reference pages, the code examples panel
(`#content-side-layout`) had `flex-shrink: 0` and `min-width: 28rem`,
making it rigid
- When the AI assistant chat panel opens, Mintlify moves code content
inline into the main content area, but the now-empty panel kept
reserving 448px + 48px gap as a ghost element, squishing the visible
content
- Replace with `flex: 0 1 28rem` so the panel renders at 28rem normally
but can collapse when the assistant panel reduces available space

## Test plan

- [x] Open an API reference page on staging (e.g., Get customer by ID)
- [x] Verify the two-column layout (content left, code examples right)
looks the same as prod
- [x] Open the AI assistant panel and verify the content is no longer
squished / ghost element collapses
- [x] Close the assistant and verify layout returns to normal
- [x] Spot-check a non-API page (e.g., Core Concepts) to confirm the TOC
sidebar is unaffected


Made with [Cursor](https://cursor.com)

Author: patcapulong

mintlify/style.css

@@ -1513,8 +1513,10 @@ html.dark div[class*="lg:flex-1"][class*="overflow-x-clip"] {
   max-width: 100% !important;
 }
 
-/* Ensure code panel doesn't shrink on API reference pages */
-#content-container:has(#api-playground-2-operation-page) #content-side-layout {
+/* Ensure code panel doesn't shrink on API reference pages.
+   Scoped to assistant-closed so Mintlify's built-in collapse rule
+   (html[data-assistant-state=open] ... { width:0 }) isn't overridden. */
+html:not([data-assistant-state=open]) #content-container:has(#api-playground-2-operation-page) #content-side-layout {
   flex-shrink: 0 !important;
   min-width: 28rem !important;
 }
@@ -1525,9 +1527,9 @@ html.dark div[class*="lg:flex-1"][class*="overflow-x-clip"] {
   min-width: 0 !important;
 }
 
-/* Add gap between main content and code column ONLY on API reference pages */
-/* Uses :has() to scope the rule to pages containing the API playground */
-#content-container > div[class*="flex-row-reverse"]:has(#api-playground-2-operation-page) {
+/* Add gap between main content and code column ONLY on API reference pages.
+   Scoped to assistant-closed so the gap collapses with the code panel. */
+html:not([data-assistant-state=open]) #content-container > div[class*="flex-row-reverse"]:has(#api-playground-2-operation-page) {
   gap: 48px !important;
 }