The help page had been an accordion. Click a category, it expands, read the article, collapse it, find the next one. Functional in the way a phone book is functional — it contains the information, organized alphabetically, with no regard for how people actually look for things.
The rewrite borrowed from Protocol's documentation layout — a three-view state machine that feels like a proper knowledge base. Landing view: a hero with a search bar and a two-column grid of category cards, each showing a description and article count. Click a category and you're in the category view: sticky sidebar navigation on the left, article cards on the right, breadcrumbs at the top. Click an article and the content fills the page with previous/next navigation in the footer.
Landing → category → article. Three states, clear hierarchy, no nesting, no guessing where you are. The sidebar highlights the active article with an emerald left border accent — a small touch that makes your current position visible without reading the title. Categories collapse and expand. The search crosses titles and content with multi-word full-text matching, returning results with preview snippets.
On mobile, the sidebar becomes a fixed overlay drawer with a backdrop. The categories, the navigation, the search — all present, all adapted to the screen instead of crammed into it.
Every color uses CSS custom properties from the token system. Zero hardcoded values. The help page inherits the Nebula Dark aesthetic automatically, and if the theme changes, the help page changes with it.