.nav-menu{position:relative}.nav-menu>summary{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:8px;list-style:none;display:flex}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.nav-menu.is-here .nav-menu-name{text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:7px;text-decoration-thickness:2px}.nav-menu-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .2s;display:inline-block;transform:translateY(-2px)rotate(45deg)}.nav-menu[open] .nav-menu-chevron{transform:translateY(2px)rotate(-135deg)}.nav-menu-backdrop{z-index:40;cursor:default;position:fixed;inset:0}.nav-menu-panel{z-index:50;border:1px solid var(--border);background:var(--surface);min-width:13rem;box-shadow:0 18px 40px -20px rgb(var(--shadow) / .45);border-radius:10px;padding:6px;font-size:1rem;display:grid;position:absolute;top:calc(100% + 14px);right:0}.nav-menu-group{gap:2px;display:grid}.nav-menu-group+.nav-menu-group{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.nav-menu-heading{color:var(--ink-soft);letter-spacing:.16em;margin:6px 12px 2px;font-size:.72rem}.nav-menu-panel a{border-radius:6px;padding:8px 12px;display:block}.nav-menu-panel a:hover{background:var(--surface-2)}.nav-menu-panel a{align-items:center;gap:10px;display:flex}.nav-menu-icon{color:var(--ink-soft);flex:none}.nav-menu-panel a:hover .nav-menu-icon,.nav-menu-panel a[aria-current=page] .nav-menu-icon{color:var(--gold-deep)}.nav-menu-panel a[aria-current=page]{background:var(--gold-soft)}.nav-menu-panel a:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.user-circle{border:1px solid var(--gold-line);background:var(--gold-soft);width:34px;height:34px;color:var(--gold-deep);letter-spacing:0;border-radius:50%;place-items:center;font-size:1.05rem;line-height:1;transition:border-color .2s;display:grid}.user-circle:hover{border-color:var(--gold)}.user-circle.has-photo{overflow:hidden}.user-circle.has-photo img{object-fit:cover;width:100%;height:100%;display:block}.user-circle[aria-current=page]{box-shadow:0 0 0 2px var(--gold)}.user-circle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.nav-menu-name{white-space:nowrap}@media (max-width:1179px){.app-nav .nav-menu.wide{display:none}}@media (min-width:1180px){.app-nav .nav-menu.narrow{display:none}}@media (prefers-reduced-motion:reduce){.nav-menu-chevron,.user-circle{transition:none}}.app-nav{position:relative}.app-nav .nav-menu.wide{position:static}.app-nav .nav-menu.wide .nav-menu-panel{width:min(calc(var(--cols,1) * 12.75rem + 16px), calc(100vw - 2rem));grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:start;gap:8px 6px;max-width:calc(100vw - 2rem);padding:8px}.app-nav .nav-menu.wide .nav-menu-group{align-content:start}.app-nav .nav-menu.wide .nav-menu-group+.nav-menu-group{border-top:0;border-left:1px solid var(--border);margin:0;padding:0 0 0 8px}.app-nav .nav-menu.wide .nav-menu-group:not(:has(.nav-menu-heading)){border-left:0;border-bottom:1px solid var(--border);grid-column:1/-1;margin-bottom:6px;padding:0 0 6px}.app-nav .nav-menu.wide .nav-menu-group:not(:has(.nav-menu-heading))+.nav-menu-group{border-left:0;padding-left:0}.app-nav .nav-menu.narrow .nav-menu-panel{overscroll-behavior:contain;max-width:calc(100vw - 2rem);max-height:calc(100vh - 84px);overflow:auto}@media (min-width:640px){.app-nav .nav-menu.narrow .nav-menu-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:4px 12px;width:min(32rem,100vw - 2rem)}.app-nav .nav-menu.narrow .nav-menu-group{align-content:start}.app-nav .nav-menu.narrow .nav-menu-group:not(:has(.nav-menu-heading)){grid-column:1/-1}.app-nav .nav-menu.narrow .nav-menu-group+.nav-menu-group{margin-top:0;padding-top:6px}}