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

/* ───────────────────────────────────────────────────────────────
   F1 的逻辑 / f1 track  (The Logic of Formula 1 — the human-machine race)
   Part of the 运动 · 竞技的逻辑 group (8th track; the lone motorsport /
   human-machine system — performance = car × driver, raced against the
   clock). 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 circuits, the
   friction/grip circle, tire-deg & lap-time curves, pit-strategy delta and
   downforce trade-offs procedurally on a .dist-canvas — no images.
   ─────────────────────────────────────────────────────────────── */

/* A circuit / asphalt canvas — same sizing contract as .dist-canvas. */
.circuit-canvas {
  width: 100%;
  display: block;
  border-radius: 10px;
  margin-top: 12px;
  background: #0e1116;            /* dark asphalt */
  border: 1px solid rgba(180, 190, 205, 0.16);
}

.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; }