// CSS cascade: element rules, class rules, inline overrides, per-group text
// props, wire defaults — paint rides class rules + style= diffs.
-> { stroke: #666; stroke-width: 1; }
box { fill: lightyellow; }
.loud { stroke: red; stroke-width: 2; }
.calm { stroke: teal; }
flat |box| "Plain"
loud |box| .loud "Loud"
mix |box| .calm { fill: lavender; "Mix" }
crew |group| {
font-size: 10; font-family: serif;
|caption| "Crew"
tiny |box| "Tiny"
}
flat -> loud
loud --> mix .calm