/* RC5 narrow-view Safari follow-up. Scoped to landing sections and closing bookend. */
@media (max-width: 800px) {
  /* Prevent inherited translated wide hero columns from moving copy outside viewport. */
  body.earnings-page main#main > section.hero,
  body main#main > section.hero.zarya-mobile-fallback {
    width:100% !important; max-width:100% !important;
    margin-left:0 !important; margin-right:0 !important;
    left:auto !important; right:auto !important;
    box-sizing:border-box !important; overflow-x:clip !important;
  }
  body.earnings-page main#main > section.hero > .wrap,
  body main#main > section.hero.zarya-mobile-fallback > .wrap {
    position:relative !important; inset:auto !important;
    transform:none !important; translate:none !important;
    margin:0 auto !important; width:100% !important; max-width:100% !important;
    box-sizing:border-box !important; padding:0 clamp(22px,5.3vw,38px) !important;
  }
  body.earnings-page main#main > section.hero .hero-copy,
  body main#main > section.hero.zarya-mobile-fallback .hero-copy {
    position:relative !important; left:auto !important; right:auto !important;
    margin-left:0 !important; margin-right:0 !important;
    transform:none !important; translate:none !important;
    box-sizing:border-box !important; width:100% !important; max-width:100% !important;
    min-width:0 !important; padding-left:0 !important; padding-right:0 !important;
  }
  body.earnings-page main#main > section.hero .hero-copy :is(.eyebrow,h1,p,a),
  body main#main > section.hero.zarya-mobile-fallback .hero-copy :is(.eyebrow,h1,p,a) {
    max-width:100% !important;
  }
  body.earnings-page main#main > section.hero .hero-copy h1,
  body main#main > section.hero.zarya-mobile-fallback .hero-copy h1 {
    width:auto !important; max-width:100% !important;
    font-size:clamp(36px,7.2vw,54px) !important;
    line-height:1.08 !important; letter-spacing:-.055em !important;
    overflow-wrap:normal !important;
  }
  body.earnings-page main#main > section.hero .hero-copy h1 .ln,
  body.earnings-page main#main > section.hero .hero-copy h1 .ln-a,
  body.earnings-page main#main > section.hero .hero-copy h1 .ln-b,
  body main#main > section.hero.zarya-mobile-fallback .hero-copy h1 .ln {
    white-space:normal !important;
  }
  /* Avoid an oversized, six-line title dominating the How It Works closing screen. */
  html body #howItWorksStory #closeState .bookend-copy {
    box-sizing:border-box !important; width:100% !important; max-width:100% !important;
    margin-left:0 !important; margin-right:0 !important;
  }
  html body #howItWorksStory #closeState h1.zarya-closing-title {
    font-size:clamp(31px,6.3vw,43px) !important;
    line-height:1.08 !important; letter-spacing:-.045em !important;
    max-width:100% !important;
  }
  html body #howItWorksStory #closeState h1.zarya-closing-title span {
    white-space:normal !important;
  }
}
@media(max-width:430px){
  html body #howItWorksStory #closeState h1.zarya-closing-title{font-size:clamp(29px,7vw,35px)!important;}
  body.earnings-page main#main > section.hero .hero-copy h1,
  body main#main > section.hero.zarya-mobile-fallback .hero-copy h1{font-size:clamp(34px,8vw,42px)!important;}
}