I have a list of people and place-names and relationship-descriptions. I want to generate a few places with other info, but in addition, each place will have a list of people there (I can do that), but I also want each place to list relationships for the people there to people in other places. And, I need those other places to refer back through the relationships.

So, as far as I can figure out, I need to generate all that info ahead of time, before beginning to output the places with their people, descriptions, ... But I can't figure out how to make and store that info.

I've tried adding a <style>...</style> block to the html but it seems to have no effect.

The CSS usage says to add style='whatever' on each place you want to apply some CSS. But I want to apply the same style in multiple places without having to re-type it and find/change each place when I change my mind.

TL;DR: I want to use CSS the way it's supposed to work

What's wrong here?

https://perchance.org/tee--temp#edit

Why does it say "no more items in the consumable 'Thing' list)"?

E.G. I want to create a list of siblings and create relationships between them. I can generate as many names as required, and if I had a list of them it'd be easy [mylist.consumableList.selectMany(1,3)] to pick some of them.

I made https://perchance.org/tkq1pllaqq#edit to show what I tried