fix navbar links and mobile layout issues

[carlos-granados]

Navbar:

• Guide now points to Starting the Debugger rather than Breakpoints
• API is replaced by Integrations, pointing at IDE Support — the first page in that section, matching how Docs and Reference point at theirs

Home page hero spacing:

• the hero carried a 2rem top padding that stacked on the breadcrumb's own 0.8rem margin, leaving roughly 45px of dead space above the version badge. Dropped it on desktop and removed the 1rem mobile equivalent, so both viewports get the breadcrumb margin alone (13px measured).

Horizontal overflow on narrow screens:

• .navbar__logo was pinned to height: 4rem with no responsive rule. The lockup is 4.5:1, so it rendered 288px wide with a right edge at 342px at every screen size, pushing the document sideways below that width. Under the navbar's 996px breakpoint the width now leads and the height follows (max-width: 55vw, max-height: 4rem); above it nothing changes and the logo is still exactly 288px.
• the install command bar was a non-wrapping flex row with flex-shrink: 0 on the Copy button, sitting at 361px regardless of viewport. It now wraps, dropping Copy to its own line when there is no room.

Measured across 24 pages at 320px and 360px: every page overflowed by 22-41px before, all are at zero now. Code blocks are untouched — they extend past the viewport inside their own overflow-x: auto containers by design.

[github-actions]

PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-09-05 09:28 UTC