Improve section scanability with When/How guides and clearer CTAs

[Modsofthenation]

Summary

WCAG-oriented pass on long multi-section screens so each sticky-nav section is easier to scan and act on.

• Shared Section chrome (PageChrome) with stable id, h2, When / How guide, optional CTA slot, and aria-labelledby
• Slightly stronger muted text contrast; focus-visible on “On this page” nav links
• Applied across Home, Settings (incl. Retention / Integrations), Cycles, Consistency, Roles, Sprint Pulse, Person, Writing Desk, Team Performance, and Promotion detail
• CTA labels shifted toward verb + object (e.g. “Open writing desk”, “Copy all nudge links”, “Save retention settings”)

Sticky-nav section ids are unchanged so existing anchors keep working.

Walkthrough

Home — When/How under Active cycle, Attention, Dashboard:

Home When/How sections

Settings — Appearance and Retention guides:

Settings When/How sections

Cycles — list, phases, export/import guides:

Cycles When/How sections

Test plan

• Unlock demo workspace and open Home — When/How + clearer queue CTAs
• Jump via “On this page” on Settings / Cycles — anchors land correctly
• Spot-check Person / Writing desk / Consistency sections
• Light/dark keyboard focus on section nav links (manual follow-up welcome)

_{To show artifacts inline, enable in settings.}