/* ── Heading Group wrapper ──
   The wrapper is an hgroup or h1–h6. Browser defaults for those tags (bold, large
   font, block margins) would leak into every child widget, so the wrapper is made
   typographically neutral like a div. Child widgets keep their own typography. */
.bhgroup {
    &:is(h1, h2, h3, h4, h5, h6, hgroup) {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin: 0;
    }
}