/* «Demo by Grafica» badge — one stylesheet for every demo (Commission 322).
   Lives under /xray/ because that is the one path with an Access bypass that serves files: a public demo
   (quotesheet, scorecard, …) can load it anonymously; any other path would 302 to Access and CSP would block it.
   Markup, last element of <body>:
     <p class="gg-badge" style="display:none"><img src="/xray/isotype.png" alt="" width="14" height="16">Demo by Grafica</p>
   The inline display:none keeps the element invisible if this file ever fails to load; the !important rule below
   beats it. (Not the `hidden` attribute: six demos declare [hidden]{display:none!important}, which would win.)
   No link, no contact data (Commission 282). In flow at the end of the page, sized by its own box, so nothing
   above it moves; this <link> sits in <head> and is render-blocking, so the badge is there at first paint.
   A page with a fixed bottom bar sets --gg-badge-clear to the bar's height so the badge clears it (quotesheet). */
.gg-badge{
  display:flex!important;align-items:center;justify-content:center;gap:7px;
  width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;
  margin:24px auto calc(16px + var(--gg-badge-clear,0px));padding:6px 12px 6px 9px;border-radius:999px;
  background:#000;color:#fff;
  font:600 12px/16px 'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.04em;
  white-space:nowrap;user-select:none;-webkit-user-select:none
}
.gg-badge img{display:block;width:14px;height:16px;flex:none}
@media print{.gg-badge{display:none!important}}