Culture Rituals About Block for React

The bands are CADENCES at the top of the file: each has a title, a one-line note and a list of rituals with a name, a sentence (what), who comes (who) and how long (length). Every band here has three rituals, which fills the three columns at the end of a band; with two the cells would only fill part of the width, so add a third or give the band a different title. You can add a fourth band, and the page just gets longer.

A ritual is described by its rhythm, not by when it last happened. "Every quarter" never goes stale, and the block needs no year. Durations ("45 min", "5 days", "Half a day") are written as text, so a reader hears them in order.

Each band draws its top rule with Guides, so the + marks land exactly on the rails; the hairline between the cadence and its cells, and between the cells, are borders. The last band has no rule under it, because the next block's top rule is the foot of this one, so the block ends on content.

The section's heading is an h2, each band's cadence is an h3 and each ritual is a list item with an h4. Who comes and how long are a description list under the ritual ("Who: Everyone", "How long: 15 min"), so they are read as pairs. There are no controls, and the block has no state, so it renders on the server.

Below md the cells of a band stack one per row with a hairline between them, under the cadence and its note. On a tablet the three cells sit side by side under the cadence, and from lg the cadence takes a column of its own at the start. Nothing scrolls sideways at 320 pixels, and in a right-to-left layout the order of the columns flips with the page.