/* boston_matrix.css — the BCG product-portfolio grid (see boston_matrix.js). */

.bm .lv-stage { padding: 8px 6px; }
.bm .lv-stage svg { display: block; width: 100%; height: auto; }

/* product picker chips (mirrors critical_angle's medium buttons) */
.bm-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.bm-chip {
  font-size: 0.8rem; padding: 3px 10px; border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.3); background: #0b1528; color: #cbd5e1;
  cursor: pointer; transition: all 80ms ease;
}
.bm-chip:hover { border-color: #64748b; }
.bm-chip.on { background: #1e3a8a; border-color: #3b82f6; color: #dbeafe; font-weight: 600; }

/* the 2×2 grid: four faint quadrant tints + boundary lines */
.bm-quad { stroke: none; }
.bm-quad-star { fill: rgba(251, 191, 36, 0.07); }
.bm-quad-qm { fill: rgba(56, 189, 248, 0.06); }
.bm-quad-cow { fill: rgba(52, 211, 153, 0.06); }
.bm-quad-dog { fill: rgba(148, 163, 184, 0.05); }
.bm-split { stroke: rgba(143, 168, 207, 0.4); stroke-width: 1.3; stroke-dasharray: 6 4; }
.bm-quadlab { fill: #64748b; font-size: 9.5px; font-weight: 800; letter-spacing: 0.08em; }
.bm-axis { fill: #97a6ba; font-size: 9px; font-variant-numeric: tabular-nums; }

/* products */
.bm-dot { fill: rgba(143, 168, 207, 0.75); stroke: #0b1220; stroke-width: 1.2; }
.bm-dot-sel { fill: #fbbf24; filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.6)); }
.bm-dotlab {
  fill: #9fb0c4; font-size: 9.5px; font-weight: 600;
  paint-order: stroke; stroke: #0b1220; stroke-width: 2.6px; stroke-linejoin: round;
}
text.bm-dotlab.bm-dot-sel { fill: #fcd34d; font-weight: 700; }

/* the cow → question-mark funding arrow */
.bm-flow { fill: none; stroke: #34d399; stroke-width: 1.6; stroke-dasharray: 5 4; color: #34d399; opacity: 0.85; }
.bm-flowlab {
  fill: #86dcbe; font-size: 9px; font-weight: 600; font-style: italic;
  paint-order: stroke; stroke: #0b1220; stroke-width: 2.4px; stroke-linejoin: round;
}