fix(style): broaden sidebar selector to match nav and div

[jordanc-relevanceai]

Summary

• Mintlify's latest CLI renders the docs sidebar wrapper as <nav id="sidebar"> instead of <div id="sidebar">.
• The existing div#sidebar rule in style.css silently no-ops against the new markup, leaving the sidebar drifting away from the viewport edge in mintlify dev.
• Dropping the tag qualifier (#sidebar) keeps the rule working on both the current prod build (<div>) and the upcoming <nav> build — so this is also a proactive fix for the next prod deploy.

Test plan

• mintlify dev — sidebar sits 2.5rem from the viewport edge (matches prod).
• Confirm prod styling is unchanged after deploy (selector still matches <div>).

🤖 Generated with Claude Code

[mintlify]

Preview deployment for your docs. Learn more about Mintlify Previews.

Project	Status	Preview	Updated (UTC)
relevanceai	🟢 Ready	View Preview	May 22, 2026, 4:40 AM

💡 Tip: Enable Workflows to automatically generate PRs for you.

[github-actions]

🎯 Vibe check

Reviewed: 1 file — style.css (CSS only, no MDX content)

This PR changes only style.css, a global stylesheet embedded in the Mintlify docs site. There is no documentation content to evaluate — no .mdx files were changed. Content quality dimensions (banned words, heading capitalization, product terminology, American English) do not apply.

What the CSS does:

• Sets a wider prose max-width (90ch) and removes Tailwind's max-w-* constraints to use a 1400px-capped content area
• Pins the right sidebar (#content-side-layout) as position: fixed and adds padding-right: 20rem to the content area on viewports ≥1280px to prevent content from flowing underneath it
• Pulls the left sidebar (#sidebar) 2.5rem from the left edge
• Preserves the search modal at 640px width via !important override
• Hides background gradient decorations on mobile (≤640px)
• Centers the .nav-tabs tab bar

Rendering concerns worth a manual check:

• The [class*="max-w-"] wildcard selector sets max-width: 100% on every Tailwind max-w-* class. This is a broad override that catches utility classes on components (cards, callouts, images) — not just the content wrapper. Worth verifying that cards, <CardGroup> grids, and inline images don't look stretched on wide screens.
• The right sidebar is pinned with top: 9.5rem. If the top nav bar height ever changes (e.g. a banner is added), this value will need a manual update.
• No mobile/tablet breakpoint is defined for the fixed right sidebar, so on viewports between 640px and 1280px the sidebar's position: fixed and right: 2rem still apply, but the padding-right: 20rem content offset does not. Verify that mid-range viewports (e.g. 768px, 1024px) don't have the sidebar overlapping content.

No documentation content review is needed for this PR.

🔋 Credit usage

Item	Count
Files reviewed	1
Context pages read	0
Total lines processed	~62

Files read: style.css (62 lines)