.social-view-counts {
  margin-top: 32px;
  padding-top: 27px;
  border-top: 2px dashed var(--line, #17345f35);
  color: var(--ink, #17345f);
  min-width: 0;
  container-type: inline-size;
}
.social-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  column-gap: clamp(10px, 4cqw, 28px);
  margin: 0;
}
.social-metrics > div {
  display: grid;
  grid-template-rows: auto auto;
  align-content: start;
  row-gap: 8px;
  min-width: 0;
}
.social-metrics dt {
  grid-row: 2;
  margin: 0;
  font: 550 10px/1.35 Fredoka, sans-serif;
  font-size: clamp(9px, 2cqw, 12px);
  color: var(--soft, #345579);
  white-space: nowrap;
}
.social-metrics dd {
  grid-row: 1;
  margin: 0;
  font: 650 clamp(18px, 3vw, 38px)/1.1 Fredoka, sans-serif;
  font-size: clamp(18px, 6.5cqw, 42px);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.055em;
  white-space: nowrap;
}
.social-metrics-status {
  font: 500 14px/1.6 Fredoka, sans-serif;
  color: var(--soft, #345579);
}