Disclosed Sponsored Posts Blog Block for React

Edit ISSUES at the top of the file: each issue has a fixed sent date, the number of editorial posts and a sponsored post (or null) with its sponsor, two-letter monogram, mark (where the rule sits), title, dek and minutes. The rows are the issues that have a sponsored post, newest first; the counts, the percentage and the tick strip are calculated from the list.

It explains how sponsorship works (one labelled post in one issue, no drafts shared, no reviews for sale), how many of the last twelve issues carried one, and links to a sponsorship policy. It opens from a real button, closes with Escape and returns focus to the button.

Every row carries the visible word "Sponsored" in a badge next to the sponsor's name, not only a colour or an icon, and the closing band repeats the rule in plain words. The monograms are drawings, hidden from assistive technology, and the sponsor's name is text.

The dek drops out, the date and reading time move under the title, and the monogram sits beside the label and title. The band's two columns stack and the tick strip keeps its twelve ticks.

Yes. The rows and columns mirror, dates and counts are isolated with bdi, and the tick strip stays in issue order from oldest to newest because it is a timeline.