/* Directory styles are scoped to its content; shared site chrome uses global.css. */
#main-content .sc-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--sc-text-caption);
  font-weight: 600;
  line-height: 1.4;
  padding: 5px 9px;
  border-radius: var(--sc-radius-full);
  background: var(--sc-bg-subtle);
  color: var(--sc-fg-muted);
  white-space: nowrap;
}
#main-content .sc-badge.sc-partner-badge{
  font-family: var(--sc-font-body);
  font-weight: 500;
}
#main-content .sc-partner-badge::before{
  content: "";
  flex: 0 0 4px;
  width: 4px;
  height: 12px;
  border-radius: var(--sc-radius-full);
}
#main-content .sc-badge.sc-partner-badge[data-level="partner"]{
  background: var(--sc-partner-base-label-bg);
  color: var(--sc-partner-base-label-fg);
}
#main-content .sc-partner-badge[data-level="partner"]::before{
  background: var(--sc-partner-base-accent);
}
#main-content .sc-badge.sc-partner-badge[data-level="premium"]{
  background: var(--sc-partner-premium-label-bg);
  color: var(--sc-partner-premium-label-fg);
}
#main-content .sc-partner-badge[data-level="premium"]::before{
  background: var(--sc-partner-premium-accent);
}
#main-content .sc-badge.sc-partner-badge[data-level="expert"]{
  background: var(--sc-partner-expert-label-bg);
  color: var(--sc-partner-expert-label-fg);
}
#main-content .sc-partner-badge[data-level="expert"]::before{
  background: var(--sc-partner-expert-accent);
}