:root{--mj-nav-h:clamp(80px, 5.4vw, 112px);--mj-gutter:clamp(20px, 5vw, 72px);--mj-key-sm:40px;--mj-safe-top:env(safe-area-inset-top,0px)}@media (width<=720px){:root{--mj-nav-h:70px}}.mj-nav{--mj-nav-key:var(--mj-key-sm);z-index:120;height:calc(var(--mj-nav-h) + var(--mj-safe-top));padding-top:var(--mj-safe-top);transition:background-color .4s,box-shadow .4s;position:fixed;inset:0 0 auto}.mj-nav.is-scrolled{background:var(--color-canvas);box-shadow:0 1px 0 var(--color-line)}.mj-nav-inner{max-width:1800px;height:100%;padding:0 var(--mj-gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.mj-nav-brand{flex:none;align-items:center;padding:8px 0;display:inline-flex}.mj-lockup{width:auto;height:var(--mj-nav-key);display:block}.mj-nav-links{align-items:center;gap:clamp(18px,2.6vw,40px);display:flex}.mj-nav-links>a:not(.mj-btn){color:var(--color-ink-2);padding:6px 0;font-size:1rem;text-decoration:none;position:relative}.mj-nav-links>a:not(.mj-btn)[aria-current=page]{color:var(--color-ink);font-weight:500}.mj-nav-account{display:flex;position:relative}.mj-nav-account>a,.mj-nav-account>button{color:var(--color-ink-2);cursor:pointer;background:0 0;border:0;padding:6px 0;display:flex}.mj-nav-account>a:hover,.mj-nav-account>button:hover,.mj-nav-account>button[aria-expanded=true]{color:var(--color-ink)}.mj-nav-account img{border-radius:50%;width:28px;height:28px}[data-me] .mj-nav-account>a{background:var(--me-avatar) center / 28px no-repeat;border-radius:50%}[data-me] .mj-nav-account>a svg{visibility:hidden}.mj-nav-menu{border:1px solid var(--color-line);background:var(--color-fill);width:180px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.mj-nav-menu a,.mj-nav-menu button{width:100%;height:34px;font:inherit;color:var(--color-ink-2);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 10px;text-decoration:none;display:flex}.mj-nav-menu a:hover,.mj-nav-menu button:hover{color:var(--color-ink)}@media (width<=480px){.mj-nav{--mj-nav-key:var(--spacing-control-compact)}.mj-nav-links{gap:16px}.mj-nav-links>a:not(.mj-btn){font-size:13px}.mj-nav .mj-btn{height:var(--mj-nav-key);padding:0 12px;font-size:13px}}