/* Course pages only: natural document height, proportional artwork, accessible controls. */
body.k-course-layout{height:auto;min-height:100vh}
body.k-course-layout>.topbar,body.k-course-layout>footer,body.k-course-layout>.sitehub{flex:0 0 auto}
body.k-course-layout>.app{flex:0 0 auto;min-width:0;height:auto;max-height:none;margin:24px auto 36px}
body.k-course-layout .app>.banner{flex:0 0 auto;display:grid;min-height:clamp(260px,31vw,380px);overflow:hidden}
body.k-course-layout .banner>.pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body.k-course-layout .banner>.ptitle{position:relative;inset:auto;grid-area:1 / 1;align-self:end;min-width:0;overflow-wrap:break-word}
body.k-course-layout .app>.contentpane{flex:0 0 auto;min-width:0}
body.k-course-layout .contentpane>.hud,body.k-course-layout .contentpane>.stagewrap,body.k-course-layout .contentpane>.actionBar{flex:0 0 auto;min-width:0}
body.k-course-layout .actionBar .btn,body.k-course-layout .final-step .btn{max-width:100%;white-space:normal;overflow-wrap:break-word}
body.k-course-layout .fb.show{max-height:none;overflow:visible}
@media(max-width:560px){
  body.k-course-layout>.app{margin:0 auto 24px}
  body.k-course-layout>.topbar{height:auto;min-height:var(--tbh,56px)}
  body.k-course-layout .topbar .in{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  body.k-course-layout .topbar .nav-links{order:3;width:100%;min-width:0;justify-content:center;flex-wrap:wrap}
  body.k-course-layout .topbar .tb-cab{display:inline-flex;font-size:12px;padding:6px 12px}
}