:root{--site-nav-height:56px}
.site-nav{position:sticky;top:0;z-index:10000;display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:56px;padding:8px 20px;background:#0c111af5;border-bottom:1px solid #303947;font-family:system-ui,"Malgun Gothic",sans-serif;color:#f2f1ea;isolation:isolate}
.site-nav a,.site-nav button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 14px;border:1px solid #485668;border-radius:8px;background:#18212d;color:#f2f1ea;text-decoration:none;font:600 14px/1.4 system-ui,"Malgun Gothic",sans-serif;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.site-nav a:hover,.site-nav button:hover{background:#26364b}
.site-nav a:focus-visible,.site-nav button:focus-visible{outline:2px solid #35e3a3;outline-offset:2px}
.site-menus{display:flex;align-items:center;gap:8px;margin-left:8px;padding-left:16px;border-left:1px solid #344056}
.site-menu{position:relative}
.site-nav .site-menu-trigger{gap:12px;border-color:#34445b;background:#172134;color:#cedbef}
.site-menu-trigger::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.site-nav .site-menu-trigger[aria-expanded=true]{color:#a4f0d8;background:#223c43;border-color:#518c83}
.site-menu-trigger[aria-expanded=true]::after{transform:translateY(2px) rotate(225deg)}
.site-nav .site-menu-trigger.is-current{border-bottom-color:#77cfba}
.site-dropdown{position:absolute;left:0;top:100%;padding-top:8px;width:224px;z-index:1}
.site-dropdown[hidden]{display:none!important}
.site-menu-list{list-style:none;margin:0;padding:6px;border:1px solid #41536b;border-radius:12px;background:linear-gradient(145deg,#202d42,#121d2f);box-shadow:0 18px 48px #0006;max-height:calc(100dvh - var(--site-nav-height) - 24px);overflow-y:auto}
.site-menu-list li{margin:0;padding:0}
.site-nav .site-menu-list a{display:flex;justify-content:flex-start;width:100%;min-height:44px;padding:11px 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:#d6e2f2;font-size:13px}
.site-nav .site-menu-list a:hover{background:#2b405b;color:#fff}
.site-nav .site-menu-list a[aria-current=page]{background:#25433f;color:#a4f0d8;border-color:#427b6b}
.pg-top,.topbar{top:var(--site-nav-height)!important}
html{scroll-padding-top:calc(var(--site-nav-height) + 84px)}
.doc>.side{top:calc(var(--site-nav-height) + 20px)!important}
.policy-page .policy-sidebar{top:calc(var(--site-nav-height) + 24px)}
.policy-page .policy-section{scroll-margin-top:calc(var(--site-nav-height) + 24px)}
@media(max-width:980px){.section-plan .doc>.side{top:var(--site-nav-height)!important}.section-plan .items{scroll-margin-top:calc(var(--site-nav-height) + 84px)!important}}
@media(max-width:760px){.policy-page .policy-sidebar{top:var(--site-nav-height)}.policy-page .policy-section{scroll-margin-top:calc(var(--site-nav-height) + 64px)}}
@media(max-width:600px){
  :root{--site-nav-height:102px}
  .site-nav{padding:8px 12px;flex-wrap:wrap}
  .site-menus{flex-basis:100%;margin:0;padding:0;border:0}
  .site-menu{position:static;flex:1;min-width:0}
  .site-nav .site-menu-trigger{width:100%}
  .site-dropdown{left:0;right:0;width:auto;padding:4px 0 0}
  .site-menu-list{border-radius:0 0 12px 12px}
  .pg-top{position:static!important}
}
@media(prefers-reduced-motion:reduce){.site-menu-trigger::after{transition:none}}
@media print{.site-nav{display:none!important}}