/* Shared explanation colors for the homepage's read-only market displays. */
body.xrbc-home-exchange-shell {
  --xrbc-plain-ink: #a7e6d3;
  --xrbc-technical-ink: #b6cbff;
}
html[data-theme="light"] body.xrbc-home-exchange-shell,
body.xrbc-home-exchange-shell.light-mode {
  --xrbc-plain-ink: #14634e;
  --xrbc-technical-ink: #345494;
}
.xrbc-home-exchange-shell .xrbc-plain { color: var(--xrbc-plain-ink); }
.xrbc-home-exchange-shell .xrbc-technical { color: var(--xrbc-technical-ink); }
.xrbc-home-exchange-shell .xrbc-explanation-key {
  display: flex; flex-wrap: wrap; align-items: center; gap: .35rem;
  margin: .4rem 0 0; font-size: 11px; line-height: 1.45;
}
.xrbc-home-exchange-shell .xrbc-token-inline {
  display: inline-flex; align-items: center; gap: .35em; vertical-align: middle;
}
.xrbc-home-exchange-shell .xrbc-token-inline img {
  width: 18px; height: 18px; flex: 0 0 18px; object-fit: contain; border-radius: 50%;
}
@media (forced-colors: active) {
  .xrbc-home-exchange-shell :is(.xrbc-plain,.xrbc-technical) { color: CanvasText; }
  .xrbc-home-exchange-shell .xrbc-technical { font-style: italic; }
}