/* Shared MediaMaak header; intentionally scoped to avoid page theme changes. */
#siteHeader.site-header{position:fixed;z-index:100;inset:0 0 auto;height:52px;padding:0;background:rgba(5,5,5,.94);border-bottom:1px solid rgba(255,255,255,.14);color:#f5f5f7;backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Segoe UI",sans-serif}
#siteHeader.site-header.is-scrolled{background:rgba(5,5,5,.96);border-color:rgba(255,255,255,.14)}
.site-header .nav-shell{width:min(calc(100% - 44px),1040px);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.site-header .wordmark{font-size:16px;font-weight:700;letter-spacing:-.03em;color:#f5f5f7;line-height:1.4;text-decoration:none;white-space:nowrap}
.site-header .primary-nav{display:flex;align-items:center;gap:clamp(20px,3vw,38px)}
.site-header .primary-nav a{position:relative;color:#d2d2d7;font-size:12px;font-weight:500;line-height:1.4;text-decoration:none;white-space:nowrap;padding:17px 0}
.site-header .primary-nav a:hover,.site-header .primary-nav a:focus-visible,.site-header .primary-nav a[aria-current=page]{color:#fff}
.site-header .primary-nav a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:9px;height:1px;background:#2997ff}
.site-header .menu-button{display:none;width:44px;height:44px;border:0;background:transparent;color:#fff;padding:14px 12px;cursor:pointer;min-height:44px}
.site-header .menu-button span:not(.sr-only){display:block;width:20px;height:1px;margin:5px 0;background:currentColor}
.site-header .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #8eb3ff;outline-offset:3px}
.performance-page,.strategy-app-page{padding-top:52px}
@media(max-width:900px){
  .site-header .nav-shell{width:calc(100% - 28px)}
  .site-header .menu-button{display:block}
  .site-header .primary-nav{position:fixed;inset:52px 0 auto;display:grid;gap:0;padding:10px 24px 22px;max-height:calc(100dvh - 52px);overflow-y:auto;overscroll-behavior:contain;background:#050505;border-bottom:1px solid rgba(255,255,255,.14);transform:translateY(-120%);opacity:0;pointer-events:none;visibility:hidden}
  .site-header .primary-nav.is-open{transform:none;opacity:1;pointer-events:auto;visibility:visible}
  .site-header .primary-nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:16px;min-height:48px}
  .site-header .primary-nav a[aria-current=page]::after{bottom:5px}
  .site-header .menu-button[aria-expanded=true] span:not(.sr-only):nth-child(2){transform:translateY(3px) rotate(45deg)}
  .site-header .menu-button[aria-expanded=true] span:not(.sr-only):nth-child(3){transform:translateY(-3px) rotate(-45deg)}

}

.performance-page .skip,.strategy-app-page .skip{position:fixed;z-index:200}
@media(max-width:680px){.hero-lead{word-break:keep-all;overflow-wrap:normal}}

.strategy-app-page .login-panel p{word-break:keep-all}

@media(max-width:680px){.hero h1{font-size:clamp(44px,12.4vw,64px);word-break:keep-all;overflow-wrap:normal}}

.content-hub-page{padding-top:52px}
.content-hub-page #web-book-toc .section-heading{display:block}.content-hub-page #web-book-toc .section-heading h2{margin:8px 0 12px}.content-hub-page #web-book-toc .section-heading p{max-width:68ch}