.site-header { z-index:1100; flex-wrap:nowrap; }
.site-header .brand { flex-shrink:0; }
.site-nav { display:flex; align-items:center; gap:4px; flex-wrap:nowrap; }
.site-nav > a, .site-nav-group > summary { padding:9px 10px; line-height:20px; border-radius:4px; color:var(--text); font-weight:500; white-space:nowrap; }
.site-nav a:hover, .site-nav-group > summary:hover { text-decoration:none; background:#eef2f3; }
.site-nav a[aria-current="page"], .site-nav-group[data-active] > summary { background:var(--accent-soft); color:var(--accent); }
.site-nav-group { position:relative; margin:0; }
.site-nav-group > summary { display:flex; align-items:center; gap:9px; list-style:none; margin:0; cursor:pointer; }
.site-nav-group > summary::-webkit-details-marker { display:none; }
.site-nav-chevron { width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-top:-3px; }
.site-nav-group[open] .site-nav-chevron { transform:rotate(225deg); margin-top:3px; }
.site-nav-dropdown { position:absolute; top:calc(100% + 6px); right:0; min-width:230px; max-width:min(320px,calc(100vw - 28px)); padding:6px; background:var(--panel); border:1px solid var(--line); border-radius:6px; box-shadow:0 6px 18px #18202324; }
.site-nav-dropdown a { display:block; padding:10px 12px; border-radius:3px; overflow-wrap:anywhere; }
.site-nav-logout { margin:0 0 0 8px; padding-left:12px; border-left:1px solid var(--line); }
.site-nav-logout button { min-height:36px; padding:6px 10px; }
.site-nav-toggle { display:none; }
.site-nav a:focus-visible, .site-nav summary:focus-visible, .site-nav-toggle:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.site-nav-bars { width:16px; height:12px; border-top:2px solid currentColor; border-bottom:2px solid currentColor; position:relative; }
.site-nav-bars::after { content:""; position:absolute; left:0; right:0; top:3px; border-top:2px solid currentColor; }
@media(max-width:1100px) {
    .site-header { flex-wrap:wrap; padding:10px 14px; gap:8px; }
    .site-nav-toggle { display:inline-flex; background:var(--panel); color:var(--text); border-color:var(--line); gap:8px; }
    .site-nav { width:100%; align-items:stretch; flex-direction:column; gap:2px; max-height:calc(100dvh - 76px); overflow-y:auto; border-top:1px solid var(--line); padding-top:8px; }
    .site-header.has-nav-js:not([data-nav-open]) .site-nav { display:none; }
    .site-nav > a, .site-nav-group > summary { padding:12px; }
    .site-nav-group > summary { justify-content:space-between; }
    .site-nav-dropdown { position:static; min-width:0; max-width:none; border:0; border-left:2px solid var(--line); border-radius:0; box-shadow:none; margin:0 12px 8px; padding:0 0 0 8px; }
    .site-nav-logout { margin:8px 0 0; border-left:0; border-top:1px solid var(--line); padding:10px 12px; }
}