.story-page [data-scoop="reader-live"] {
  display: inline-flex;
  align-items: baseline;
  column-gap: 0.25em;
  vertical-align: top;
  white-space: nowrap;
}

.story-page [data-scoop="reader-count"],
.story-page [data-scoop="reader-label"] {
  display: inline;
  white-space: nowrap;
}

.story-page [data-scoop="reader-value"],
.story-page [data-scoop="reader-label-value"] {
  display: inline;
  white-space: nowrap;
}

.story-page .reaction-response__count {
  position: relative;
  display: grid;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  min-height: max(17px, 1lh);
  overflow: visible;
  overflow-wrap: normal;
  white-space: nowrap;
}

.story-page .reaction-response__value {
  --count-scale: 1;
  position: relative;
  left: 50%;
  display: block;
  width: max-content;
  grid-area: 1 / 1;
  justify-self: start;
  transform: translateX(-50%) scaleX(var(--count-scale));
  transform-origin: center;
  white-space: nowrap;
  text-align: center;
}

.story-page .reaction-response__value[data-length="4"] {
  --count-scale: 0.84;
  left: calc(50% - 0.13em);
}

.story-page .reaction-response__value[data-length="5"] {
  --count-scale: 0.8;
  left: calc(50% - 0.175em);
}

.story-page .reaction-response__value[data-length="6"] {
  --count-scale: 0.54;
  left: calc(50% - 0.73em);
}