/* UMG product-status label (r3262, Nov 3 2026). ONE set: LIVE (no badge), BETA, EARLY ACCESS, COMING.
   Self-contained on purpose: the pill carries its own background and text colour, so it passes 4.5:1 on any page,
   light or dark, and does not depend on site tokens (the estate refresh lane edits those).
   Not colour-only: every pill is a real text label, and the three states differ in border style as well as hue.
   Markup:  <span class="umg-status umg-status--beta">Beta</span>
   Note:    <p class="umg-status-note"> pill + one-line explanation + feedback link </p>  */
.umg-status{display:inline-flex;align-items:center;gap:.35em;box-sizing:border-box;margin:0;padding:.18em .6em;border-radius:999px;
  font:600 .75rem/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.03em;text-transform:none;white-space:nowrap;
  vertical-align:middle;border:1.5px solid var(--umg-st-bd);background:var(--umg-st-bg);color:var(--umg-st-fg)}
.umg-status--beta{--umg-st-bg:#FFF1C7;--umg-st-fg:#5A3E00;--umg-st-bd:#B8860B;border-style:solid}
.umg-status--early{--umg-st-bg:#E3EDFF;--umg-st-fg:#1C3A78;--umg-st-bd:#4F73C4;border-style:double;border-width:3px;padding:.1em .55em}
.umg-status--coming{--umg-st-bg:#ECEAF3;--umg-st-fg:#3F3A55;--umg-st-bd:#7A7494;border-style:dashed}
.umg-status-note{display:flex;flex-wrap:wrap;align-items:center;gap:.4em .7em;margin:.75rem 0;font-size:.9375rem;line-height:1.45;color:inherit}
.umg-status-note a{color:inherit;text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1.5px}
.umg-status-note a:focus-visible,.umg-status:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media (forced-colors:active){.umg-status{forced-color-adjust:none;background:Canvas;color:CanvasText;border-color:CanvasText}}