/* Contract badges drawn by js/logos.js: a coloured circle per contract. The colours are fixed in every theme;
   a faint ring keeps dark badges (WTI, bonds) visible on dark surfaces. */
.logo { display: block; flex: 0 0 auto; overflow: visible; }
.logo .logo-disc { stroke: color-mix(in srgb, var(--ink) 14%, transparent); stroke-width: 0.6; }
.night .logo .logo-disc { stroke: rgba(255,255,255,.22); }
.logo .logo-micro { fill: var(--card); stroke: var(--ink); stroke-width: 1; }
.logo .logo-micro-text { fill: var(--ink); }