.site-header{background:#17324d!important;padding:0!important;color:#fff;border-bottom:1px solid #ffffff12}
body[data-lesson="2"] .site-header{background:#172b4d!important}body[data-lesson="3"] .site-header{background:#30343b!important}body[data-lesson="4"] .site-header{background:#211d3d!important}
.site-header-inner{max-width:1432px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;width:100%;font-family:'Pretendard','Malgun Gothic',system-ui,sans-serif}
.site-header .site-brand{display:flex;flex-direction:column;flex-shrink:0;color:#fff!important;text-decoration:none!important;font-size:15px!important;font-weight:750;line-height:1.5;padding:0!important;background:none!important}
.site-header .site-brand span{font-size:10px!important;color:#c2cddd!important;margin:2px 0 0!important;letter-spacing:.02em}
.site-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:3px;justify-content:flex-end}
.site-header .site-nav-links a{color:#dce5ef!important;font-size:12px!important;font-weight:600;text-decoration:none!important;padding:8px 10px!important;border-radius:7px;white-space:nowrap;line-height:1.5}
.site-header .site-nav-links a:hover{background:#ffffff12!important;color:#fff!important}
.site-header .site-nav-links a[aria-current="page"]{background:#ffffff1f!important;color:#fff!important;box-shadow:inset 0 -2px #b3cce7}
.site-header a:focus-visible{outline:2px solid #b9cffa;outline-offset:3px}
@media(max-width:1100px){.site-header-inner{flex-wrap:wrap;gap:10px}.site-nav-links{justify-content:flex-start}}
@media(max-width:600px){.site-header-inner{padding:12px 16px}.site-nav-links{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:3px}.site-header .site-nav-links a{padding:7px 9px!important}.site-header .site-brand span{width:auto!important}}
@media print{.site-header{display:none!important}}