/* Organization logo tiles, drawn by app/org-logos.js's badge(): an org's own
   mark on a tile, or its initials on a colour picked from its id. Shared by
   the org profile (org.html) and the org index (orgs.html).

   A logo sits on white in both themes (a dark wordmark must never vanish
   into a dark page); one whose mark is light on a transparent ground is
   marked on-dark by the fetch pipeline and sits on near-black instead. The
   initials colours all carry white text at 6:1 or better, and none is red,
   which elsewhere on the hub means anti-trans legislation. */
.lg { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
      background:#fff; border-radius:10px; overflow:hidden;
      box-shadow:0 0 0 1px rgba(0,0,0,.10); }
.lg.on-dark { background:#161616; box-shadow:0 0 0 1px rgba(255,255,255,.12); }
.lg img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; }
.lg.mono { color:#fff; font-weight:700; letter-spacing:.4px; box-shadow:none;
           font-family:"Segoe UI", system-ui, sans-serif; line-height:1; }
.lg.m0 { background:#1a6660; } .lg.m1 { background:#356487; } .lg.m2 { background:#5b3f8c; }
.lg.m3 { background:#2f6b3a; } .lg.m4 { background:#6b4f2a; } .lg.m5 { background:#3d4a5c; }
.lg.m6 { background:#7a4a1c; }
.lg.s88 { width:88px; height:88px; padding:11px; border-radius:14px; }
.lg.s88.wide { width:auto; min-width:88px; max-width:260px; padding:14px 18px; }
.lg.s88.mono { font-size:30px; padding:0; }
.lg.s88.mono.l4 { font-size:23px; } .lg.s88.mono.l5 { font-size:19px; }
.lg.s36 { width:36px; height:36px; padding:4px; border-radius:8px; }
.lg.s36.mono { font-size:13px; padding:0; }
.lg.s36.mono.l4 { font-size:10.5px; letter-spacing:0; } .lg.s36.mono.l5 { font-size:8.5px; letter-spacing:0; }
.lg.s24 { width:24px; height:24px; padding:2px; border-radius:6px; }
.lg.s24.mono { font-size:10px; padding:0; }
.lg.s24.mono.l4 { font-size:7.5px; letter-spacing:0; } .lg.s24.mono.l5 { font-size:6.5px; letter-spacing:0; }