/* «Demo by Grafica» badge for the demos served from grafica.group itself (Commission 409).
   Same rules as demos.grafica.group/xray/badge.css (Commission 322); here it lives beside the pages under /demos/,
   with the isotype (/demos/isotype.png, byte-identical to the demos host's), because /xray on this site is a page.
   Markup, last element of <body>:
     <p class="gg-badge" style="display:none"><img src="/demos/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. No link, no contact data (Commission 282). */
.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}}