/* Keep Learning Experience artwork aligned when browser zoom changes layout breakpoints. */
@media (min-width:768px){
  .learning-card img{
    flex:0 0 auto!important;
    align-self:center!important;
    margin-top:auto!important;
  }

  .learning-card:last-child{
    border-right:0!important;
  }
}

/* Let the MEET ELEA headline wrap before it reaches the video column. */
@media (max-width:1600px){
  .meet-copy h2 span{
    white-space:normal!important;
  }
}

/* Main mobile first view: keep header controls readable over the dark hero. */
@media (max-width:760px){
  /* Add breathing room below the PROVEN IN REAL CLASSROOMS introduction. */
  body.main-page .impact-head{
    padding-bottom:24px!important;
  }

  body.main-page .site-header:not(.is-light):not(.is-scrolled) .language-switch,
  body.main-page .site-header:not(.is-light):not(.is-scrolled) .language-switch .lang-option,
  body.main-page .site-header:not(.is-light):not(.is-scrolled) .mobile-toggle{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.main-page .site-header:not(.is-light):not(.is-scrolled) .language-switch .lang-separator{
    color:rgba(255,255,255,.55)!important;
    -webkit-text-fill-color:rgba(255,255,255,.55)!important;
  }

  body.main-page .site-header:not(.is-light):not(.is-scrolled) .language-switch .lang-option:not(.is-active){
    opacity:.55!important;
  }

  body.main-page .site-header.menu-open .mobile-toggle{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.main-page .site-header.menu-open .mobile-toggle span{
    background:#fff!important;
  }
}