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

/* ───────────────────────────────────────────────────────────────
   网球的逻辑 / tennis track  (The Logic of Tennis — Nested Leverage)
   Part of the 运动 · 球类的逻辑 group (6th track: the purest individual
   1-on-1 duel with a nested scoring hierarchy). 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 court, the nested
   scoreboard, leverage/win-probability curves and shot geometry
   procedurally on a .dist-canvas — no images.
   ─────────────────────────────────────────────────────────────── */

/* A hard-court canvas — same sizing contract as .dist-canvas. */
.tennis-canvas {
  width: 100%;
  display: block;
  border-radius: 10px;
  margin-top: 12px;
  background: #0b2436;            /* deep hard-court blue */
  border: 1px solid rgba(120, 190, 230, 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; }