/* Utility classes for what used to be inline style="" attributes (issue #209: the Content-Security-Policy refuses inline styles, style-src-attr 'none'). One class per declaration, named u--. Property short names: ai align-items, as align-self, b border, bb/bt/bri border-bottom/top/right, bg background, br border-radius, c colour, d display, fd flex-direction, fw flex-wrap, fs font-size, fwt font-weight, fvn font-variant-numeric, gtc/gtr grid-template-columns/rows, h height, jc justify-content, lh line-height, ls letter-spacing, m/mt/mb/ml margin, p/pt/pl padding, w width, minw/maxw/minh/maxh min and max sizes, ow overflow-wrap, ws white-space, ta text-align, tt text-transform, twrap text-wrap. Values: pixels without px, a dot as _, % as pct, var(--luna-x) as x. Each one is !important, because an inline style beat every rule that wasn't, and this file loads before every other stylesheet, so a rule that is itself !important ([hidden], .phone-only, [data-hide-phone]) still wins over it, as it did over an inline style. A value worked out per page (a colour, a bar's height) is a CSS custom property set in a nonce'd