/* Roberin The New — BMR activity ladder: compact line/point chart (user request 2026-07-11) */

.tn-bmr-tool .tn-bmr-chart {
  padding: 8px 12px 12px;
  border: 1px solid var(--tn-bmr-soft-line);
  background: var(--tn-bmr-control-surface);
}

.tn-bmr-tool .tn-bmr-chart > svg {
  display: block;
  width: 100%;
  height: 110px;
}

.tn-bmr-chart-axis {
  stroke: var(--tn-bmr-soft-line);
  stroke-width: 1.5;
}

.tn-bmr-chart-line {
  fill: none;
  stroke: var(--tn-bmr-bar);
  stroke-width: 2;
}

.tn-bmr-chart-pt {
  fill: var(--tn-bmr-accent);
  stroke: var(--tn-bmr-control-surface);
  stroke-width: 1.5;
}

.tn-bmr-tool .tn-bmr-chart-labels {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  margin-top: 8px;
}

.tn-bmr-tool .tn-bmr-chart-cell {
  display: grid;
  gap: 2px;
  min-width: 0;
  text-align: center;
}

.tn-bmr-tool .tn-bmr-chart-cell > strong {
  color: var(--tn-bmr-ink);
  -webkit-text-fill-color: var(--tn-bmr-ink);
  font: 700 15px/1.2 Georgia, "Times New Roman", serif;
  font-variant-numeric: lining-nums tabular-nums;
  white-space: nowrap;
}

.tn-bmr-tool .tn-bmr-chart-cell > span {
  color: var(--tn-bmr-muted);
  -webkit-text-fill-color: var(--tn-bmr-muted);
  font: 700 10.5px/1.25 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  overflow-wrap: anywhere;
}

.tn-bmr-tool .tn-bmr-chart-cell > i {
  color: var(--tn-bmr-muted);
  -webkit-text-fill-color: var(--tn-bmr-muted);
  font: 700 10px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-style: normal;
}

@media (max-width: 430px) {
  .tn-bmr-tool .tn-bmr-chart {
    padding: 6px 8px 10px;
  }

  .tn-bmr-tool .tn-bmr-chart > svg {
    height: 90px;
  }

  .tn-bmr-tool .tn-bmr-chart-cell > strong {
    font-size: 12.5px;
  }

  .tn-bmr-tool .tn-bmr-chart-cell > span {
    font-size: 9.5px;
  }
}