.lm-table-wrap { margin-block: 1.5rem; }
.lm-table-head h2 { margin: 0 0 .35rem; font-size: 1.15rem; }
.lm-meta, .lm-controls-note, .lm-empty { margin: .25rem 0 .75rem; }
.lm-source { font-weight: 600; }
.lm-controls { display: grid; gap: .75rem; margin-block: .75rem 1rem; }
.lm-controls [role="radiogroup"] { display: flex; flex-wrap: wrap; gap: .5rem; }
.lm-controls button[role="radio"] {
  cursor: pointer; border: 1px solid currentColor; border-radius: .4rem;
  background: transparent; padding: .35rem .7rem; font: inherit;
}
.lm-controls button[role="radio"][aria-checked="true"] { font-weight: 700; text-decoration: underline; }
.lm-table-scroll { overflow: auto; max-width: 100%; }
.lm-table { width: 100%; border-collapse: collapse; min-width: 36rem; }
.lm-table th, .lm-table td { text-align: left; padding: .55rem .4rem; vertical-align: top; border-bottom: 1px solid color-mix(in srgb, currentColor 25%, transparent); }
.lm-name { font-weight: 600; }
.lm-sym { opacity: .7; font-size: .9em; }
.lm-cell { display: grid; gap: .15rem; }
.lm-age { font-size: .75rem; opacity: .75; }
.lm-td-chart { width: 7rem; }
.lm-spark { width: 6rem; }
.lm-spark--empty { opacity: .6; }
.lm-spark svg { display: block; width: 6rem; height: 2.25rem; }
@media (forced-colors: active) {
  .lm-controls button[role="radio"] { border: 1px solid ButtonText; }
}