Each div has its own color rule that overrides the body selector.

The engine evaluates each rule from right to left, starting from the rightmost selector (called the "key") and moving through each selector until it finds a match or discards the rule.

Like a rule group, a selector has date range entries, selection criteria, and a default destination.