/* CLF MOBILE TREND INLINE V1
   Mobile only: keep desktop untouched, remove the separate vertical trend block,
   show TREND compactly in the existing date/read-time line. */
@media (max-width: 820px) {
  #storyMain .story-meta .clf-mobile-trend-inline {
    display:inline;
    white-space:nowrap;
  }

  /* Existing standalone story trend variants disappear only on mobile. */
  #storyMain .clf-trend-v2--story,
  #storyMain .clf-trend-v2[data-clf-trend-story="1"],
  #storyMain .story-meta .clf-trend-meta-copy {
    display:none !important;
  }

  #storyMain .story-meta {
    margin-bottom:0;
  }

  #storyMain .story-meta > div:not(.avatar) > span {
    white-space:normal;
  }
}

@media (min-width: 821px) {
  #storyMain .story-meta .clf-mobile-trend-inline {
    display:none !important;
  }
}