/* Canonical learner-flow v4. Loaded after mobile-polish.css. */

/* In landscape the primary Next action must remain visibly primary. */
html.cz-authored-stage-active.cz-virtual-landscape .slide-nav .btn.primary,
html.cz-authored-stage-active.cz-native-landscape .slide-nav .btn.primary{
  background:var(--primary)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html.cz-authored-stage-active.cz-virtual-landscape .slide-nav .btn.ghost,
html.cz-authored-stage-active.cz-native-landscape .slide-nav .btn.ghost{
  background:color-mix(in srgb,var(--card) 90%,transparent)!important;
  color:var(--text)!important;
  border-color:color-mix(in srgb,var(--line) 78%,transparent)!important;
}

@media(orientation:landscape) and (max-width:1400px){
  html.cz-authored-stage-active .slide-nav .btn.primary{
    background:var(--primary)!important;
    color:#fff!important;
    border-color:transparent!important;
  }
  html.cz-authored-stage-active .slide-nav .btn.ghost{
    background:color-mix(in srgb,var(--card) 90%,transparent)!important;
    color:var(--text)!important;
    border-color:color-mix(in srgb,var(--line) 78%,transparent)!important;
  }
}