@media (min-width: 800px) and (pointer: fine) {
  .story-ruler__stop:has(> .story-ruler__soon) {
    flex-basis: 58px;
    min-height: 58px;
    grid-template-rows: minmax(0, 1fr) 11px;
    row-gap: 2px;
  }
  .story-ruler__stop > .story-ruler__soon {
    position: static;
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: start;
    line-height: 11px;
    white-space: nowrap;
  }
}
