.nav{z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.nav.sc{background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav.dk{background:color-mix(in srgb, var(--navy) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 color-mix(in srgb, var(--on-navy) 8%, transparent);color:var(--on-navy)}.nav.dk .links{color:var(--on-navy2)}.nav.dk .links a:hover{color:var(--on-navy)}.nav.dk .tg,.nav.dk .btn.ghost{border-color:color-mix(in srgb, var(--on-navy) 28%, transparent);color:var(--on-navy);background:0 0}.nav .wrap{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{font:700 19px var(--f-h);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:flex}.links{font:500 15px var(--f-b);color:var(--ink2);gap:28px;display:flex}.links a{text-decoration:none;transition:color .2s}.links a:hover,.links a[aria-current=page]{color:var(--ink)}.nr{align-items:center;gap:10px;display:flex}.nr .btn{height:38px;padding:0 14px;font-size:14px}.menu-btn{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);width:38px;height:38px;color:inherit;cursor:pointer;place-items:center;display:none}.nav.dk .menu-btn{border-color:color-mix(in srgb, var(--on-navy) 28%, transparent);background:0 0}.menu{border-top:1px solid var(--line);background:var(--surface);box-shadow:0 24px 40px -28px var(--shadow-win)}.menu[hidden]{display:none}.menu .wrap{grid-template-columns:1fr;justify-content:stretch;gap:0;height:auto;padding-block:8px 20px;display:grid}.menu a{border-bottom:1px solid var(--line);font:600 18px var(--f-h);color:var(--ink);padding:14px 0;text-decoration:none}.menu a[aria-current=page]{color:var(--accent)}.menu-foot{justify-content:space-between;align-items:center;padding-top:6px;display:flex}.menu .menu-login{color:var(--ink2);font:500 16px var(--f-b);border-bottom:0}.menu .tg{display:grid}@media (max-width:1000px){.links{display:none}.menu-btn{display:grid}}@media (min-width:1001px){.menu{display:none}}@media (max-width:600px){.nr .btn.ghost{display:none}}@media (max-width:480px){.nav .btn.main{height:38px;padding:0 12px;font-size:14px}.nav .nr{gap:8px}.nr>.tg{display:none}}@media (max-width:360px){.nav .brand{gap:0;font-size:0}}
.tg{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);width:38px;height:38px;color:inherit;cursor:pointer;place-items:center;display:grid}.tg svg{width:18px;height:18px}