/*
 * KNOQ editorial lockups
 * Sentence and phrase atoms remain coherent in source order while responsive
 * layout decides where the campaign composition changes.
 */
.editorial-lockup__line {
  display: block;
  max-inline-size: 100%;
}

.editorial-lockup__mobile-break {
  display: inline;
}

.editorial-lockup__phrase {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .editorial-lockup__mobile-break {
    display: block;
  }
}

@media (max-width: 640px) {
  .editorial-lockup--inside-hero .editorial-lockup__mobile-break {
    display: block;
  }
}

@media (min-width: 641px) {
  .editorial-lockup--inside-hero .editorial-lockup__mobile-break {
    display: inline;
  }
}