### Summary When the Wiki sidebar is expanded on screens smaller than 1200px, it overlaps the main content area instead of triggering a responsive layout adjustment. The content should reflow to accommodate the expanded sidebar. ### Expected Behavior at Different Breakpoints Desktop (1300px): ✅ Working correctly - sidebar and content visible side-by-side {width=388 height=350} View a Wiki page on a screen \< 1200px wide (tablet or mobile viewport) {width=735 height=600} * Expand the Wiki sidebar * The sidebar overlays the content, making it difficult or impossible to read the underlying text **Needs fixing:** * **Tablet/Small Desktop (768px - 1199px)**: Content should shrink/reflow to accommodate the sidebar width, OR sidebar should collapse automatically * **Mobile (\< 768px)**: Sidebar should be full-width overlay with a button to return to content ### Impact * **Accessibility issue**: Content becomes unreadable when sidebar is open on smaller screens * **Mobile/Tablet UX**: Makes Wiki difficult to use on these devices ### Technical Notes * Current implementation works well at ≥ 1200px * Need responsive behavior for breakpoints \< 1200px