/* Reusable chip */
.md-typeset .chip{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.1rem .5rem; border-radius:9999px;
  font-weight: 600;
  /* font-size:.85rem; */
  /* line-height:1.1; */
  border:1px solid rgba(0,0,0,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  color: var(--chip-fg,#fff);
  background: var(--chip-bg,#666);
}
.md-typeset .chip .md-icon{ /* Material icons/emoji inside chips */
  width:1em; height:1em; vertical-align:middle; color:inherit;
}

/* Grade palettes (works in light & dark themes) */
.chip[data-grade="platinum"]{ --chip-bg:#8e8e93; --chip-fg:#fff; }
.chip[data-grade="gold"]    { --chip-bg:#f59e0b; --chip-fg:#1b1100; }
.chip[data-grade="silver"]  { --chip-bg:#9ca3af; --chip-fg:#111827; }
.chip[data-grade="bronze"]  { --chip-bg:#b45309; --chip-fg:#fff; }
.chip[data-grade="copper"]  { --chip-bg:#a16207; --chip-fg:#fff; }
.chip[data-grade="fail"]    { --chip-bg:#ef4444; --chip-fg:#fff; }