/* Opt-in phrase breaks leave desktop and mobile copy unchanged. */
.portrait-break{display:none}
@media(min-width:768px) and (max-width:1024px){
  #main #contact .section-body{max-width:440px;text-wrap:balance}
  #main #contact .section-body br{display:block}
}
@media(min-width:768px) and (max-width:899px){
  .portrait-break{display:block}
  #main .concern-row p{text-wrap:pretty}
  #main #youtube .channel-description br{display:none}
  #main #youtube .channel-description{text-wrap:pretty}
  #main .youtube-format-card p br{display:none}
  #main .youtube-format-card p{font-size:17px;text-wrap:balance}
}

/* Mobile review: phrase breaks and layout changes never affect wider screens. */
.mobile-break,.mobile-only{display:none}
@media(max-width:767px){
  .mobile-break{display:block}
  #main .mobile-only{display:inline}
  #main .non-mobile-only{display:none}
  #main #service-overview .concerns-closing p{text-wrap:balance}
  #main #service-overview .promise-description{text-wrap:balance}
  #main .channel-detail .channel-name{flex-direction:column;gap:18px}
  #main #youtube .channel-description br,
  #main #branding .section-heading>p br{display:none}
  #main #youtube .channel-description,
  #main #branding .section-heading>p{text-wrap:pretty}
  #main .discovery-benefit-heading>p{text-wrap:balance}
  #main .discovery-benefit-heading>p>br{display:block}
  #main .discovery-copy{text-align:center}
}

/* Follow-up review: contain the orbit change to mobile and balance desktop copy. */
@media(max-width:767px){
  .channel-orbit-stage{transform:translate(-50%,-50%) scale(.9)}
  #main .discovery-benefit-heading>p>strong{display:inline}
  #main .discovery-benefit-heading>p>strong>br.mobile-break{display:block}
}
@media(min-width:1025px){
  #main #blog .channel-description{text-wrap:balance}
}
