@import url("../../cosmos/lessons/style.css");

/* ───────────────────────────────────────────────────────────────
   篮球的逻辑 / basketball track  (The Logic of Basketball — Possessions)
   Part of the 运动 · 球类的逻辑 group (sibling of soccer & baseball).
   Reuses the cosmos component sheet verbatim (kicker / source-note /
   takeaway / position-grid / lesson-flow / mini-flow / trade-table /
   toc-grid / widget / kpi-grid / dist-canvas). Widgets draw the half /
   full court and players procedurally on a .dist-canvas — no assets.
   ─────────────────────────────────────────────────────────────── */

/* A hardwood court canvas — same sizing contract as .dist-canvas. */
.court-canvas {
  width: 100%;
  display: block;
  border-radius: 10px;
  margin-top: 12px;
  background: #1a130b;            /* dark hardwood */
  border: 1px solid rgba(210, 160, 90, 0.18);
}

.key-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; font-size: 12px; color: var(--text-mute); }
.key-row .dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; vertical-align: middle; }