/* Gap burndown (v3/competitors-burndown.js, 11-07) and the hover chart gaps.js reuses. v9 tokens only (v3/v9.css):
   dark by default, light under [data-theme="light"]. */
.cbd .cc-card, .cbd-chart-wrap { min-width: 0; }
.cbd-chart { position: relative; touch-action: manipulation; }
.cbd-chart svg, .cbd-mini svg { display: block; overflow: visible; }
.cbd-ax { fill: var(--v9-mute); font: var(--v9-f-micro); }
.cbd-lbl { fill: var(--v9-ink); font: var(--v9-f-small); font-weight: 650; }
.cbd-hit { cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; }
.cbd-hit:hover circle, .cbd-hit:focus-visible circle { stroke-width: 3; }
.cbd-hit:focus-visible rect { stroke: var(--v9-line2); stroke-width: 1; }
.cbd-tip { position: absolute; z-index: 6; pointer-events: none; background: var(--v9-ink); color: var(--v9-card); font: var(--v9-f-small);
  padding: 7px 10px; border-radius: 8px; white-space: normal; width: max-content; transform: translate(-50%, calc(-100% - 12px));
  box-shadow: 0 6px 20px rgba(0, 0, 0, .3); line-height: 1.4; }
.cbd-tip.cbd-below { transform: translate(-50%, 14px); }
.cbd-tip-h { font-weight: 700; }
.cbd-empty { color: var(--v9-mute); font: var(--v9-f-small); padding: var(--v9-3) 0; }
.cbd-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 var(--v9-3); }
.cbd-chip { border: 1px solid var(--v9-line2); background: var(--v9-card2); color: var(--v9-ink2); border-radius: 999px; padding: 4px 11px; font: var(--v9-f-small); cursor: pointer; min-height: 30px; }
.cbd-chip.on { background: var(--v9-accent); color: var(--v9-accent-ink); border-color: transparent; }
.cbd-legend { margin: 0 0 var(--v9-3); }
.cbd-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--v9-3); margin-bottom: var(--v9-3); }
.cbd-mini { background: var(--v9-card2); border: 1px solid var(--v9-line); border-radius: var(--v9-r-sm); padding: var(--v9-3); min-width: 0; }
.cbd-mh { display: flex; flex-direction: column; gap: 2px; margin-bottom: var(--v9-2); min-width: 0; }
.cbd-mh b { font: var(--v9-f-h); font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--v9-ink); }
.cbd-scope { color: var(--v9-mute); font: var(--v9-f-micro); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cbd-ml { margin-top: var(--v9-2); font: var(--v9-f-small); color: var(--v9-ink2); }
.cbd-ml b { color: var(--v9-ink); }
.cbd-nm { color: var(--v9-mute); }
.cbd-nohist { height: 64px; border: 1px dashed var(--v9-line2); border-radius: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  color: var(--v9-ink2); font: var(--v9-f-small); font-weight: 650; text-align: center; padding: 0 8px; }
.cbd-nohist span { color: var(--v9-mute); font: var(--v9-f-micro); font-weight: 500; margin-top: 2px; }
@media (max-width: 600px) { .cbd-grid { grid-template-columns: 1fr; } }