/* Shared frosted navigation: always accessible while scrolling. */
:root{--site-header-height:96px}
html{scroll-padding-top:calc(var(--site-header-height) + 24px)}
body>header{position:fixed!important;inset:0 0 auto!important;width:100%;max-width:none!important;height:var(--site-header-height)!important;min-height:0!important;margin:0!important;padding:0 max(4vw,24px)!important;z-index:100;background:rgba(17,18,24,.78)!important;color:#fff!important;border-bottom:1px solid #ffffff18;box-shadow:0 5px 24px #00000012;-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%);animation:none!important;transform:none!important;opacity:1!important}
body.course-page,body.subpage-page,body.faculty-page,body.works-page{padding-top:var(--site-header-height)}
body>header nav a{color:#eee}
body>header nav a:hover{color:var(--gold)}
body>header .header-cta{color:#fff}
body>header .brand{flex-basis:auto!important}
.profile-tabs{top:var(--site-header-height)}
.profile-section,.profile-talk{scroll-margin-top:70px}
.skip,.faculty-skip{z-index:110}
@supports not (backdrop-filter:blur(1px)){body>header{background:rgba(17,18,24,.96)!important}}
@media(max-width:850px){
 :root{--site-header-height:84px}
 body>header{gap:16px!important;padding:0 22px!important;flex-wrap:nowrap!important}
 body.subpage-page>header nav{width:auto;order:initial;margin:auto}
}
@media(max-width:720px){
 :root{--site-header-height:78px}
 body>header nav{top:calc(var(--site-header-height) + 8px);background:rgba(17,18,24,.96);box-shadow:0 12px 30px #0004;max-height:calc(100dvh - var(--site-header-height) - 32px);overflow-y:auto}
 body.subpage-page>header nav{position:absolute;left:12px;right:12px;width:auto;padding:25px}
 body.faculty-page,body.course-page,body.works-page{--site-header-height:116px}
 body.faculty-page>header,body.course-page>header,body.works-page>header{flex-wrap:wrap!important;align-content:center;gap:14px!important;padding:14px 22px!important}
 body.faculty-page>header nav,body.course-page>header nav,body.works-page>header nav{display:flex;position:static;order:3;width:100%;margin:0;padding:0;gap:16px;justify-content:space-between;white-space:nowrap;overflow-x:auto;box-shadow:none;background:none;font-size:10px}
 body.course-page>header .button{margin-left:auto;padding:8px 12px;min-height:36px;font-size:11px}
 body.course-page>header .brand .brand-ko{font-size:20px}
 body.course-page>header .brand .brand-category{font-size:13px}
 html:has(body.faculty-page),html:has(body.course-page),html:has(body.works-page){--site-header-height:116px}
}
@media(min-width:721px) and (max-width:800px){
 body.faculty-page{--site-header-height:116px}
 html:has(body.faculty-page){--site-header-height:116px}
 body.faculty-page>header{flex-wrap:wrap!important;align-content:center;gap:14px!important;padding:14px 24px!important}
 body.faculty-page>header nav{order:3;width:100%;margin:0;justify-content:space-between}
}
.mobile-menu-button{display:none}
@media(max-width:850px){
 :root,body,html:has(body.faculty-page),html:has(body.course-page),html:has(body.works-page){--site-header-height:72px!important}
 body>header{height:72px!important;min-height:72px!important;flex-wrap:nowrap!important;align-content:normal!important;align-items:center!important;padding:0 18px!important;gap:12px!important}
 body>header .brand{margin-right:auto!important;min-width:0}
 body>header .brand .brand-ko{font-size:21px!important;letter-spacing:-1px!important;white-space:nowrap}
 body>header .brand .brand-category{font-size:13px!important;letter-spacing:-.4px!important}
 body>header .brand .brand-en{font-size:7px!important;letter-spacing:1px!important}
 body>header .header-cta,body>header>.button,body>header .menu-toggle{display:none!important}
 body>header .mobile-menu-button{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;font-size:24px;line-height:1;border:1px solid #ffffff30;border-radius:10px;background:transparent;color:white}
 body>header nav{display:none!important;position:absolute!important;left:12px!important;right:12px!important;top:72px!important;width:auto!important;margin:0!important;padding:12px!important;order:initial!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;white-space:normal!important;background:#15171b!important;border:1px solid #ffffff20;border-radius:14px;box-shadow:0 16px 35px #0007!important;max-height:calc(100dvh - 90px)!important;overflow:auto!important;font-size:14px!important}
 body>header.mobile-menu-open nav{display:flex!important}
 body>header nav a{display:block;padding:13px 16px;text-decoration:none;border-radius:8px;color:#eee}
 body>header nav a[aria-current],body>header nav a:hover{color:var(--gold);background:#ffffff08}
 .profile-page .profile-tabs{top:72px}
}
body>header nav .mobile-menu-consult{display:none}
@media(max-width:850px){body>header.mobile-menu-open nav .mobile-menu-consult{display:block;color:var(--gold);border-top:1px solid #ffffff20;margin-top:6px}}