/* Scoped header navigation; native details keeps groups usable without JavaScript. */
.site-header .nav{flex-wrap:wrap;gap:12px 24px;padding-top:12px;padding-bottom:12px}
.primary-nav{gap:4px;flex-wrap:wrap;justify-content:flex-end}
.primary-nav>a,.primary-nav summary{min-height:44px;padding:10px 12px;border-radius:7px;font-size:14px;font-weight:700;line-height:24px}
.primary-nav summary{display:flex;align-items:center;gap:10px;color:var(--pine);cursor:pointer;list-style:none}
.primary-nav summary::-webkit-details-marker{display:none}
.nav-arrow{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 2px 4px}
.nav-group[open] .nav-arrow{transform:rotate(225deg);margin-bottom:-4px}
.nav-group{position:relative}
.primary-nav summary:hover,.primary-nav>a:hover{background:#e6eadf}
.primary-nav .selected,.primary-nav [aria-current],.nav-group.selected-group>summary{color:var(--pine);background:#e6eadf;box-shadow:inset 0 -3px 0 var(--pine)}
.nav-group[open]>summary{background:#e6eadf}
.primary-nav a:focus-visible,.primary-nav summary:focus-visible,.primary-nav button:focus-visible{outline:3px solid var(--pine);outline-offset:3px}
.nav-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;min-width:220px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #19332e26}
.nav-group:last-child .nav-panel{left:auto;right:0}
.nav-panel>a,.nav-panel .link-button{display:block;width:100%;min-height:44px;padding:10px 12px;text-align:left;border-radius:6px;font:600 14px/24px Manrope,Arial,sans-serif;color:var(--pine);white-space:normal}
.nav-panel>a:hover,.nav-panel .link-button:hover{background:#e6eadf;color:var(--pine)}
.nav-panel .nav-logout{margin:6px 0 0;padding-top:6px;border-top:1px solid var(--line)}
.nav-panel .link-button{background:transparent;text-decoration:none;border:0}
@media(max-width:1000px){
 .site-header .nav{align-items:flex-start;flex-direction:column}
 .primary-nav{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px}
 .primary-nav summary{justify-content:space-between}
 .nav-group{width:100%}
 .nav-panel,.nav-group:last-child .nav-panel{position:static;min-width:0;margin:4px 0 8px 12px;box-shadow:none}
 .primary-nav>a{align-self:stretch}
 .primary-nav>a.button{align-self:flex-start}
}
