/* china_access.css — the "can I buy it from Singapore?" pill after China tickers (web/china_access.js).
   Tokens only, so both themes and every skin carry it. The label is ::after content, never DOM text. */
.cxa {
  display: inline-block;
  margin-left: 4px;
  padding: 0 4px;
  border-radius: 3px;
  font: 600 9px/14px system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-style: normal;
  letter-spacing: .02em;
  vertical-align: 1px;
  white-space: nowrap;
  cursor: help;
  text-decoration: none;
}
.cxa::after { content: attr(data-l); }
.cxa-h { color: var(--blue-chip); background: var(--blue-chip-bg); }
.cxa-c { color: var(--bull); background: var(--bull-bg); }
.cxa-i { color: var(--amber); background: var(--amber-bg); }
.cxa-n { color: var(--grey-chip); background: var(--grey-chip-bg); }