The sticky chapter bar of a case study (Figma 105:902): chapters as pills, the current one filled with the accent, and a reading-progress line along the bottom.
Static here; on an article it sticks to the top and follows the scroll
Placement: in the body right after KeyFigures; it sticks from there. Live on Governance.
Pills: the number in an accent circle (Cosmic Black); the current pill is filled with the accent, a hovered one tinted 30%. No underline.
Switching: on the same mid-screen line as the story visuals. Jumps land 24 below the bar.
On mobile the list scrolls sideways. Without JavaScript it's a plain list of jump links.