/* Shared MusicClassLab logo and wordmark. */
html{scrollbar-gutter:stable}
header{box-sizing:border-box;height:72px!important;padding:0;background:#fff;color:#10243e;border-bottom:1px solid #dfe6ee;align-items:center}
header>.site-header-inner{box-sizing:border-box;width:min(1160px,calc(100% - 36px));max-width:none;height:71px;margin:0 auto;padding:0;display:flex;align-items:center;gap:18px}
header .site-header-inner>nav{width:100%;height:71px;display:flex;align-items:center}
header .brand{display:flex;align-items:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:22px!important;font-weight:850!important;letter-spacing:-.6px;text-decoration:none;color:#10243e;white-space:nowrap;flex-shrink:0;margin-right:auto;line-height:1.2}
header .brand-logo{display:block;width:56px;height:50px;object-fit:contain;margin-right:10px;flex:0 0 56px}
header .brandword em{font-style:normal;color:#55708f}
@media(max-width:620px){header .brand-logo{width:46px;height:42px;flex-basis:46px;margin-right:8px}header .brand{font-size:19px!important}header>.site-header-inner{gap:10px}}

/* Keep module navigation available while scrolling and presenting. */
header,body.present header{display:block!important;position:sticky;top:0;z-index:45}
body.present header .site-header-inner{width:min(1160px,calc(100% - 36px))}
body.present .exitPresent{display:none!important}
body.present .game,body.present .md-game,body.present .spotlight{min-height:calc(100vh - 104px)!important}
@media(max-width:620px){header .present{font-size:11px;padding:9px 8px;white-space:nowrap}header>.site-header-inner{gap:8px}}