@supports not (color: color-mix(in srgb, #000 50%, transparent)) {
  #capital-card,
  #nextdest-card {
    background-color: rgba(15, 23, 48, var(--ui-bg-opacity, 0.9)); /* ~ --panel @ 0.9 */
    color: var(--text, #e8f1f2);
  }

  #capital-card .cap-hd,
  #nextdest-card .cap-hd {
    color: inherit;
  }

  .pill {
    background-color: rgba(15, 23, 48, 0.08);
    border-color: var(--outline, #314662);
    color: inherit; /* keep whatever your theme set */
  }
}