/* Reserve hover padding so navigation never shifts when highlighted. */
.site-nav > a:not(.site-cta) { padding:10px 8px; border-radius:4px; }
.site-logo:focus-visible,.site-nav > a:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
@media(hover:hover) and (pointer:fine) {
  .site-logo:hover { color:var(--green); }
  .site-nav > a:not(.site-cta):hover { background:var(--green-light); }
  .site-nav .contact-toggle:not(:disabled):hover { background:#245f2e; }
}
@media(max-width:860px) {
  .site-nav > a:not(.site-cta) { padding:.85rem 0; border-radius:0; }
}

/* Give the current section a clearer weight difference. */
.site-nav a[aria-current], .site-nav .work-navigation-toggle { font-weight:600; }

@media (hover:hover) and (pointer:fine) {
  .site-nav > a:not(.site-cta):hover,
  .site-nav .work-navigation-toggle:hover,
  .site-nav .work-navigation-menu a:hover,
  .site-nav .contact-menu a:hover { color:#245f2e; }
}

@media(max-width:860px) {
 .site-nav > a:not(.site-cta) { padding-right:16px; }
 .site-nav .work-navigation-menu a,
 .site-nav .contact-menu a { padding-right:16px; }
}

@media(max-width:860px) {
 .site-nav > a:not(.site-cta),
 .site-nav .work-navigation-menu a,
 .site-nav .contact-menu a { padding-left:16px; padding-right:16px; }
 .site-nav .contact-toggle { padding-left:16px; }
}

.site-nav a[aria-current="page"] { color:var(--green); font-weight:600; }
.site-nav .work-navigation-menu a { font-weight:600; }

/* Match visible desktop gaps, including the text links' hover padding. */
@media(min-width:861px) {
  .site-nav { gap:24px; }
  .site-nav > .contact-navigation { margin-left:8px; }
}

/* Keep each disclosure icon visually attached to its label. */
.site-nav .work-navigation-toggle,
.site-nav .contact-toggle { gap:4px; }

/* Only the current top-level section receives the persistent highlight. */
.site-nav .work-navigation-toggle {color:var(--text);font-weight:400;}
.site-nav .work-navigation-toggle[aria-current="true"] {color:var(--green);font-weight:600;}
.site-nav .work-navigation-menu a {color:var(--text);font-weight:400;}
.site-nav .work-navigation-menu a[aria-current="page"] {color:var(--green);font-weight:600;}