/* Shared navigation for the static classroom and the Scratch server pages. */
.site-header{height:76px;border-bottom:1px solid #dce6e8;background:#fff;position:relative;z-index:3;font-family:system-ui,-apple-system,"Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.7;color:#182e34}
.site-header *{box-sizing:border-box}
.site-header .header-inner{max-width:1440px;height:100%;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:flex-start;gap:48px}
.site-header a{text-decoration:none;color:#182e34}
.site-header .brand{font-size:30px;letter-spacing:-1px;line-height:1;white-space:nowrap}
.site-header .brand b{font-weight:850}.site-header .brand span{color:#087f83;font-weight:700}
.site-header nav{display:flex;align-items:stretch;height:100%;gap:30px}
.site-header nav a{display:flex;align-items:center;border-bottom:3px solid transparent;font-size:16px;font-weight:650;white-space:nowrap}
.site-header nav a[aria-current=page]{border-color:#087f83;color:#087f83}
.site-header a:hover{color:#087f83}.site-header a:focus-visible{outline:3px solid #19a1a5;outline-offset:4px}
@media(max-width:800px){.site-header{height:64px}.site-header .header-inner{padding:0 24px;gap:24px;justify-content:space-between}.site-header .brand{font-size:24px}.site-header nav{gap:18px}.site-header nav a{font-size:14px}}
@media(max-width:560px){.site-header .header-inner{padding:0 16px;gap:12px}.site-header .brand{font-size:22px}.site-header nav{gap:12px}.site-header nav a{font-size:12px}}
@media(max-width:360px){.site-header{height:auto}.site-header .header-inner{flex-wrap:wrap;gap:4px;padding-top:14px}.site-header nav{height:42px;gap:20px;width:100%}}
@media print{.site-header{display:none!important}}