/* Responsive learning headers: override legacy desktop-only brand rules. */
@media(max-width: 767px) {
  html body .academy-shell .academy-header,
  html body .academy-header,
  html body .selenium-shell .selenium-header {
    height:auto!important; min-height:88px!important; padding:12px 14px!important;
    display:flex!important; flex-wrap:wrap!important; gap:10px!important; align-items:center!important;
  }
  html body .academy-shell .academy-header .academy-brand,
  html body .academy-header .academy-brand,
  html body .selenium-shell .selenium-header .selenium-brand {
    flex:1 1 230px!important; min-width:0!important; max-width:100%!important; gap:8px!important;
  }





  html body .academy-header .academy-nav,
  html body .selenium-header .selenium-nav { position:static!important; margin:0!important; flex:0 0 auto!important; }
  html body .academy-header .academy-nav a,
  html body .selenium-header .selenium-nav a { min-height:38px!important; padding:8px 14px!important; }
  html body .academy-header .academy-profile { margin-left:auto; }
  .layout > article, .layout > aside, .pom-grid > *, .rl-grid > * { min-width:0; }
  .layout pre { max-width:100%; overflow-x:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
}
@media(min-width:768px) and (max-width:900px) {
  .layout > article, .layout > aside { min-width:0; }
  .layout pre { max-width:100%; overflow-x:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
}

@media(max-width:900px) {
  .pom-grid > *, .rl-grid > * { min-width:0; }
  .pom-reader pre, .rl-reader pre { white-space:pre-wrap; overflow-wrap:anywhere; }
}
@media(max-width:767px) {
  .academy-hero .hero-progress { display:flex; flex-wrap:wrap; width:100%; min-width:0; padding:16px; }
  .academy-hero .hero-progress > div { flex:1 1 130px; min-width:0; }
  .academy-hero .hero-progress #resetAllProgress { flex-basis:100%; }
  .js-shell * { min-width:0; }
  .js-shell pre { max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; }
  .js-shell .js-header { gap:10px; padding:12px 14px; flex-wrap:wrap; height:auto; }
}