/* The wordmark lockup (Joe, 31 Oct, final: "must never change"): one rule set for every "What Admin?", "What Waste?" (and later
   "What Accounts?") logo with its picture beside it: the app's top bar and home, the Office bar, the desktop Office, What Waste?,
   the website's header and the company page. The blue ? is placed against the picture so its top is halfway between the top of
   the white W and the top of the picture's circle area, and its bottom halfway between the bottom of the W and the bottom of that
   area. Measured lockup (Archivo 800, font-stretch 125%): picture 1.786em of the wordmark's font-size, gap 0.333em, centred with
   the words, the ? 1.662em with vertical-align -0.129em. Nothing else may size or move the picture or the ?: where a bar is too
   small, the WHOLE lockup gets a smaller font-size (picture and words together), never a different ratio.
   Checked by tools/tests/flow_wordmark.py (the ? within 1px of the rule at two sizes, on every page that has a lockup).
   Markup: <a class="wm …"><img class="wm-ic" src="…/assets/brand/what-admin-logo.webp" alt=""><span class="wm-t">What Admin<span class="q">?</span></span></a>
   (the app's opener keeps its own spans inside: .word > .final; the ? is still the one .q in the words). */
:root{--wm-ic:1.786em;--wm-gap:.333em;--wm-q:1.662em;--wm-q-va:-.129em;--wm-blue:#1212F2}
.wm{display:inline-flex;align-items:center !important;gap:var(--wm-gap) !important;font-family:"Archivo","Arial Black",Impact,sans-serif;font-weight:800;font-stretch:125%;letter-spacing:-.01em;white-space:nowrap;text-decoration:none}
.wm > .wm-ic{display:block;flex:none;width:var(--wm-ic) !important;height:var(--wm-ic) !important;object-fit:contain;border-radius:0;margin:0}
.wm .q{font-size:var(--wm-q) !important;line-height:0 !important;vertical-align:var(--wm-q-va) !important;position:static !important;top:auto !important;color:var(--wm-blue)}
/* while the app's opener types "Admin?", its ? is white and the size of the letters (assets/opener.css) */
.wm .typed .q{font-size:1em !important;vertical-align:baseline !important}