So I have a bunch of sections, separated by <hr>s. The <hr>s are there to visibly separate the content but they look weird if they land right before or right after a page or column break. It would be nice if there were a CSS property that I could use to tell the browser that these dividers should not be rendered when they are the first thing before or after a page or column break. Essentially a conditional display: none.

Also, break-before: avoid and break-after: avoid don't work for my use-case, since the items that are being separated have break-inside: avoid, so any valid break point ends up right before or after one of these <hr>s.