/**
 * tag-list.css
 *
 * Styling that must be present without a Tailwind rebuild. Auto-loaded by the
 * SDC system (same convention as media-image.css).
 */

/*
 * Outline / border-only variant (color: outline). Transparent fill, light
 * border, white text — matches the pill style in the design on dark sections.
 * Applied to the pill <span> in place of the filled bg-* utilities.
 */
.tag-list__pill--outline {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
}