@layer components {

  .facts { display: grid; gap: var(--space-2); margin: 0; }

  .facts__row {
    display: grid;
    grid-template-columns: 10rem minmax(0, 1fr);
    gap: var(--space-2);
    align-items: baseline;
  }

  .facts__term { color: var(--ink-muted); font-size: var(--text-sm); }
  .facts__value { margin: 0; }

  @media (width <= 40rem) {
    .facts__row { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  }
}