guide-content

A two-pane shell for docs-style reading — sticky scroll-spy nav on the left, a scrollable prose column on the right.

Scroll this column and watch the left nav highlight follow — that's an IntersectionObserver watching every registered section, not a manual scroll handler.

Each GuideSection registers its own DOM ref via the registerRef render-prop GuideShell forwards. No section needs to know about any other section.

Lead is the opening line of a section — slightly larger.

P is the workhorse paragraph weight, muted by default.

The left sidebar takes an array of GuideNavGroup, each with a label and its own items. A single-group page renders one labeled header; a longer guide can pass several groups.

This section's heading has an eyebrow — the small "Detail" kicker above the title. It's optional per-section, not a running header.