.work-navigation { position:relative; }
.work-navigation-top { display:flex; align-items:center; gap:4px; }
.work-navigation-toggle { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:0; border-radius:4px; background:transparent; color:var(--green); cursor:pointer; }
.work-navigation-toggle:hover { background:var(--green-light); }
.work-navigation-toggle svg { transition:transform .15s; }
.work-navigation-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
.work-navigation-toggle:focus-visible,.work-navigation-menu a:focus-visible { outline:2px solid var(--green); outline-offset:3px; }
.work-navigation-menu { position:absolute; top:calc(100% + 12px); left:-16px; width:300px; padding:8px; background:var(--bg); border:1px solid var(--border); border-radius:8px; box-shadow:0 8px 24px #00000012; z-index:30; }
.work-navigation-menu[hidden] { display:none; }
.site-nav .work-navigation-menu a { display:block; padding:12px; border:0; border-radius:4px; font-size:15px; }
.site-nav .work-navigation-menu a:hover { background:var(--green-light); }
.work-navigation-menu small { display:block; font-size:13px; color:var(--text-secondary); margin-top:3px; font-weight:400; }
.site-nav .work-navigation-menu a[aria-current]::before { content:none; }
@media(max-width:860px) {
  .work-navigation-top { justify-content:space-between; border-bottom:1px solid var(--border); }
  .site-nav .work-navigation-top > a { flex:1; border:0; }
  .work-navigation-toggle { width:44px; height:44px; }
  .work-navigation-menu { position:static; width:auto; margin:0; padding:4px 0 8px 12px; border:0; border-bottom:1px solid var(--border); border-radius:0; box-shadow:none; }
}
@media(prefers-reduced-motion:reduce) { .work-navigation-toggle svg { transition:none; } }

/* Work label and chevron form one disclosure control. */
.work-navigation-toggle { width:auto; height:44px; padding:0 8px; gap:8px; font:600 15px var(--font-sans); }
@media(max-width:860px) {
  .work-navigation-toggle { width:100%; justify-content:space-between; padding:0; font-size:17px; }
}

/* Separate project destinations using the site's existing border treatment. */
.site-nav .work-navigation-menu a + a {
  border-top:1px solid var(--border);
  border-top-left-radius:0;
  border-top-right-radius:0;
}

@media(max-width:860px) {
 .work-navigation-top { justify-content:flex-start; }
 .work-navigation-toggle { width:auto; justify-content:flex-start; gap:8px; padding-right:16px; }
}

@media(max-width:860px) {
 .work-navigation-top { width:100%; }
 .work-navigation-toggle {
  width:100%; justify-content:flex-start; padding-left:16px; padding-right:16px;
  height:auto; min-height:58px;
 }
}