/* Maplore Kit legends (.lk-*). Inherit colour from the card they sit in. */
.lk { font: 13px/1.4 "Space Grotesk", system-ui, sans-serif; }
.lk-t { margin: 0 0 6px; font-weight: 600; font-size: 12.5px; }
.lk-t small { font-weight: 400; opacity: .7; }
.lk-seg { display: flex; height: 12px; border-radius: 3px; overflow: hidden; }
.lk-seg span { flex: 1; }
.lk-edges, .lk-ends { display: flex; justify-content: space-between; margin-top: 4px; font: 11px "Space Mono", ui-monospace, monospace; opacity: .8; font-variant-numeric: tabular-nums; }
.lk-ramp { height: 12px; border-radius: 3px; }
.lk-miss { display: flex; align-items: center; gap: 6px; margin: 8px 0 0; font-size: 12px; opacity: .85; }
.lk-hatch { width: 18px; height: 12px; border-radius: 2px; border: 1px solid currentColor; opacity: .6;
  background: repeating-linear-gradient(135deg, currentColor 0 1px, transparent 1px 4px); }
.lk-svg { display: block; overflow: visible; }
.lk-bi { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; gap: 4px 8px; align-items: end; }
.lk-bi-grid { display: grid; grid-template-columns: repeat(3, 18px); grid-template-rows: repeat(3, 18px); grid-row: 1; grid-column: 1; }
.lk-bi-y { grid-row: 1; grid-column: 2; margin: 0; font-size: 12px; align-self: start; }
.lk-bi-x { grid-row: 2; grid-column: 1 / -1; margin: 0; font-size: 12px; }
.lk-tex, .lk-cat, .lk-lines { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
.lk-tex li, .lk-cat li, .lk-lines li { display: flex; align-items: center; gap: 8px; font-size: 12.5px; }
.lk-tex i { width: 30px; height: 18px; border-radius: 3px; border: 1px solid rgb(127 127 127 / .35); background-size: 14px; }
.lk-cat i { width: 12px; height: 12px; border-radius: 2px; }
.lk-cat i.lk-dot { border-radius: 50%; width: 8px; height: 8px; }
.lk-lines i { width: 34px; border-radius: 4px; }
.lk-note { margin: 0; font-size: 12.5px; line-height: 1.45; opacity: .85; }