/* Both overlays share a fixed, always-visible close bar above course navigation. */
.stage .course-overlay-backdrop{position:fixed;inset:0;z-index:190;background:#071d376b}
.stage .course-overlay{box-sizing:border-box;position:fixed;z-index:191;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:0!important;background:#fff;color:#071d37}
.stage .transcript-drawer.course-overlay{top:0;right:0;bottom:0;width:min(520px,100vw);height:100dvh}
.stage .usage-panel.course-overlay{top:max(18px,env(safe-area-inset-top,0px));right:20px;bottom:auto;width:min(420px,calc(100vw - 40px));max-height:calc(100dvh - 36px);border-top-color:#D91515}
.course-overlay-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #dce3ec;background:white}
.stage .course-overlay .course-overlay-close{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:86px;min-height:44px;padding:8px 12px;margin:0;border:1px solid #c7cfda;border-radius:7px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.2;background:white;color:#071d37;cursor:pointer}
.course-overlay-close:focus-visible{outline:3px solid #3268ba;outline-offset:2px}
.stage .transcript-drawer.course-overlay>small{flex:0 0 auto;padding:16px 20px 0;overflow-wrap:anywhere}
.stage .course-overlay .transcript-scroll,.course-overlay-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 24px;-webkit-overflow-scrolling:touch}
.course-overlay-scroll h2{margin-top:0}
@media(max-width:800px){
  .stage .course-overlay{left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));width:auto!important;max-width:none;border-radius:10px}
  .stage .transcript-drawer.course-overlay,.stage .usage-panel.course-overlay{top:max(8px,env(safe-area-inset-top,0px));bottom:max(8px,env(safe-area-inset-bottom,0px));height:auto;max-height:none}
  .course-overlay-toolbar{padding:10px 14px}.course-overlay-toolbar>b{font-size:16px}
  .stage .course-overlay .transcript-scroll,.course-overlay-scroll{padding:14px 18px 24px}
}