/* A-CSP-02 (rij 235): hulpklassen voor wat eerst een style-attribuut was, zodat style-src zonder 'unsafe-inline'
   kan. Een klasse per declaratie, de naam volgt uit de declaratie (u-<eigenschap>-<waarde>).
   Gewicht: een style-attribuut won van elke regel. Daarom :is(.u-x, #u-inline#u-inline): het id bestaat nergens, maar
   geeft de klasse de specificiteit van twee id's (2,0,0), boven de zwaarste regel in de stylesheets (1,4: .kws
   #blad-organisatie ...). Gemeten 22-10: met .u-x.u-x won .kws .kaart p (marge) en table.week td.dienst span (kleur).
   Bewust GEEN !important: de schermen zetten nog stijl via el.style (CSSOM, mag onder de CSP), en die moet blijven
   winnen zoals hij van het oude attribuut won. Per omgezet scherm is de berekende stijl van elk element voor en na
   vergeleken. Nieuwe opmaak: een eigen regel in suite.css, niet hier en niet met style=. test_csp_stijl.py toetst dat
   elke gebruikte u-klasse hier staat en dat geen andere regel twee id's krijgt. */
:is(.u-ai-center, #u-inline#u-inline) { align-items: center; }
:is(.u-ar-1, #u-inline#u-inline) { aspect-ratio: 1; }
:is(.u-ar-10x3, #u-inline#u-inline) { aspect-ratio: 10/3; }
:is(.u-bd-1-solid-999, #u-inline#u-inline) { border: 1px solid #999; }
:is(.u-bd-3-solid-fff, #u-inline#u-inline) { border: 3px solid #fff; }
:is(.u-bg-creme-diep-rgba-201-118-50-d08, #u-inline#u-inline) { background: var(--terra-vlak); }
:is(.u-bg-fff, #u-inline#u-inline) { background: #fff; }
:is(.u-brad-50p, #u-inline#u-inline) { border-radius: 50%; }
:is(.u-c-inkt, #u-inline#u-inline) { color: var(--inkt); }
:is(.u-c-inkt-zacht, #u-inline#u-inline) { color: var(--inkt-zacht); }
:is(.u-c-rood, #u-inline#u-inline) { color: var(--rood); }
:is(.u-c-terracotta-c97632, #u-inline#u-inline) { color: var(--terra-tekst); }
:is(.u-cur-default, #u-inline#u-inline) { cursor: default; }
:is(.u-d-block, #u-inline#u-inline) { display: block; }
:is(.u-d-flex, #u-inline#u-inline) { display: flex; }
:is(.u-d-grid, #u-inline#u-inline) { display: grid; }
:is(.u-d-inline-block, #u-inline#u-inline) { display: inline-block; }
:is(.u-d-inline-flex, #u-inline#u-inline) { display: inline-flex; }
:is(.u-d-none, #u-inline#u-inline) { display: none; }
:is(.u-ff-monospace, #u-inline#u-inline) { font-family: monospace; }
:is(.u-fs-14, #u-inline#u-inline) { font-size: 14px; }
:is(.u-fw-400, #u-inline#u-inline) { font-weight: 400; }
:is(.u-fw-600, #u-inline#u-inline) { font-weight: 600; }
:is(.u-gap-4, #u-inline#u-inline) { gap: 4px; }
:is(.u-gap-4-12, #u-inline#u-inline) { gap: 4px 12px; }
:is(.u-gap-8, #u-inline#u-inline) { gap: 8px; }
:is(.u-gtc-minmax-120-180-1fr, #u-inline#u-inline) { grid-template-columns: minmax(120px,180px) 1fr; }
:is(.u-h-75vh, #u-inline#u-inline) { height: 75vh; }
:is(.u-h-auto, #u-inline#u-inline) { height: auto; }
:is(.u-k-06c270, #u-inline#u-inline) { --k: #06C270; }
:is(.u-kt-fff, #u-inline#u-inline) { --kt: #fff; }
:is(.u-l-50p, #u-inline#u-inline) { left: 50%; }
:is(.u-m-0, #u-inline#u-inline) { margin: 0; }
:is(.u-m-0-0-10, #u-inline#u-inline) { margin: 0 0 10px; }
:is(.u-m-0-0-12, #u-inline#u-inline) { margin: 0 0 12px; }
:is(.u-m-0-0-8, #u-inline#u-inline) { margin: 0 0 8px; }
:is(.u-m-0-0-8-12, #u-inline#u-inline) { margin: 0 0 8px 12px; }
:is(.u-m-0-10, #u-inline#u-inline) { margin: 0 10px; }
:is(.u-m-0-auto, #u-inline#u-inline) { margin: 0 auto; }
:is(.u-m-10-0-0, #u-inline#u-inline) { margin: 10px 0 0; }
:is(.u-m-10-8, #u-inline#u-inline) { margin: 10px 8px; }
:is(.u-m-12-0-0, #u-inline#u-inline) { margin: 12px 0 0; }
:is(.u-m-12-0-6, #u-inline#u-inline) { margin: 12px 0 6px; }
:is(.u-m-14-0-0, #u-inline#u-inline) { margin: 14px 0 0; }
:is(.u-m-16-0-6, #u-inline#u-inline) { margin: 16px 0 6px; }
:is(.u-m-4-0, #u-inline#u-inline) { margin: 4px 0; }
:is(.u-m-6-0-0, #u-inline#u-inline) { margin: 6px 0 0; }
:is(.u-m-8-0-0, #u-inline#u-inline) { margin: 8px 0 0; }
:is(.u-m-8-0-14, #u-inline#u-inline) { margin: 8px 0 14px; }
:is(.u-m-n4-0-10, #u-inline#u-inline) { margin: -4px 0 10px; }
:is(.u-m-n4-0-8-64, #u-inline#u-inline) { margin: -4px 0 8px 64px; }
:is(.u-maxh-200, #u-inline#u-inline) { max-height: 200px; }
:is(.u-maxh-420, #u-inline#u-inline) { max-height: 420px; }
:is(.u-maxh-50vh, #u-inline#u-inline) { max-height: 50vh; }
:is(.u-maxw-100p, #u-inline#u-inline) { max-width: 100%; }
:is(.u-maxw-500, #u-inline#u-inline) { max-width: 500px; }
:is(.u-mb-12, #u-inline#u-inline) { margin-bottom: 12px; }
:is(.u-mb-14, #u-inline#u-inline) { margin-bottom: 14px; }
:is(.u-minw-80, #u-inline#u-inline) { min-width: 80px; }
:is(.u-mr-8, #u-inline#u-inline) { margin-right: 8px; }
:is(.u-mt-0, #u-inline#u-inline) { margin-top: 0; }
:is(.u-mt-10, #u-inline#u-inline) { margin-top: 10px; }
:is(.u-mt-12, #u-inline#u-inline) { margin-top: 12px; }
:is(.u-mt-14, #u-inline#u-inline) { margin-top: 14px; }
:is(.u-mt-16, #u-inline#u-inline) { margin-top: 16px; }
:is(.u-mt-18, #u-inline#u-inline) { margin-top: 18px; }
:is(.u-mt-26, #u-inline#u-inline) { margin-top: 26px; }
:is(.u-mt-4, #u-inline#u-inline) { margin-top: 4px; }
:is(.u-mt-6, #u-inline#u-inline) { margin-top: 6px; }
:is(.u-mt-8, #u-inline#u-inline) { margin-top: 8px; }
:is(.u-of-auto, #u-inline#u-inline) { overflow: auto; }
:is(.u-ofx-auto, #u-inline#u-inline) { overflow-x: auto; }
:is(.u-op-d4, #u-inline#u-inline) { opacity: .4; }
:is(.u-op-d42, #u-inline#u-inline) { opacity: .42; }
:is(.u-op-d5, #u-inline#u-inline) { opacity: .5; }
:is(.u-op-d55, #u-inline#u-inline) { opacity: .55; }
:is(.u-p-0, #u-inline#u-inline) { padding: 0; }
:is(.u-pos-absolute, #u-inline#u-inline) { position: absolute; }
:is(.u-pos-relative, #u-inline#u-inline) { position: relative; }
:is(.u-t-50p, #u-inline#u-inline) { top: 50%; }
:is(.u-ta-center, #u-inline#u-inline) { text-align: center; }
:is(.u-ta-left, #u-inline#u-inline) { text-align: left; }
:is(.u-tf-translate-n50p-n50p, #u-inline#u-inline) { transform: translate(-50%,-50%); }
:is(.u-touch-none, #u-inline#u-inline) { touch-action: none; }
:is(.u-w-100p, #u-inline#u-inline) { width: 100%; }
:is(.u-w-110, #u-inline#u-inline) { width: 110px; }
:is(.u-w-21p, #u-inline#u-inline) { width: 21%; }
:is(.u-w-22, #u-inline#u-inline) { width: 22px; }
:is(.u-w-24p, #u-inline#u-inline) { width: 24%; }
:is(.u-w-26, #u-inline#u-inline) { width: 26px; }
:is(.u-w-260, #u-inline#u-inline) { width: 260px; }
:is(.u-w-30p, #u-inline#u-inline) { width: 30%; }
:is(.u-w-34p, #u-inline#u-inline) { width: 34%; }
:is(.u-w-90, #u-inline#u-inline) { width: 90px; }
:is(.u-w-auto, #u-inline#u-inline) { width: auto; }
:is(.u-ws-pre-wrap, #u-inline#u-inline) { white-space: pre-wrap; }