/* LopoRail Map Kit — shared tokens for every map/diagram (Map & Diagram Standard).
   Load: <link rel="stylesheet" href="https://live.loporail.com/standards/map-kit/loporail-map.css"> */
:root {
  --lp-ok: #10b981;        /* on time */
  --lp-late: #f97316;      /* late >= 10m */
  --lp-unknown: #9ca3af;   /* no report */
  --lp-predicted: #8b5cf6; /* predicted position */
  --lp-heritage: #8A5A2B;
  --lp-berth: #2563eb;     /* mapped berth */
  --lp-ink: #0b0f16;
}
.lp-mk-list { margin-top: 6px; display: flex; flex-direction: column; gap: 3px; }
.lp-mk-link { background: none; border: none; padding: 0; text-align: left; cursor: pointer; color: inherit; font: inherit; font-size: 12px; text-decoration: underline; }
.lp-mk-link.is-static { text-decoration: none; opacity: 0.75; cursor: default; }
.lp-mk-more { font-size: 11px; opacity: 0.75; margin-top: 2px; }
.lp-mk-hist { margin-top: 6px; font-size: 0.82rem; max-height: 180px; overflow: auto; }
.lp-mk-break { height: 6px; }
.lp-mk-chip { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: 11px; font-weight: 600; color: #fff; }
.lp-mk-chip.ok { background: var(--lp-ok); }
.lp-mk-chip.late { background: var(--lp-late); }
.lp-mk-chip.unknown { background: var(--lp-unknown); }