.desktop-nav .nav-resources { position: relative; }
.desktop-nav .nav-resources summary { display: inline-flex; align-items: center; gap: 7px; padding: 14px 0; list-style: none; cursor: pointer; }
.desktop-nav .nav-resources summary::-webkit-details-marker { display: none; }
.desktop-nav .nav-resources summary span { display: inline-block; font-size: 20px; line-height: 12px; transition: transform .18s ease; }
.desktop-nav .nav-resources[open] summary span { transform: rotate(180deg); }
.desktop-nav .nav-resources summary:hover, .desktop-nav .nav-resources summary.nav-current { color: var(--lime); }
.desktop-nav .nav-resources summary:focus-visible { outline: 3px solid #a2ffb1; outline-offset: 4px; border-radius: 4px; }
.nav-resources__panel { position: absolute; top: calc(100% + 8px); right: -26px; display: grid; gap: 3px; min-width: 208px; padding: 9px; border: 1px solid rgba(193, 239, 211, .18); border-radius: 15px; background: #102c24; box-shadow: 0 20px 40px rgba(0, 20, 12, .28); }
.nav-resources__panel a { display: block; padding: 13px 14px; border-radius: 9px; font-size: 15px; }
.nav-resources__panel a:hover, .nav-resources__panel a:focus-visible, .nav-resources__panel a[aria-current="page"] { color: #092518; background: #a9f5bb; }
@media (max-width: 760px) {
  .mobile-menu:not([hidden]) { max-height: calc(100dvh - 115px); overflow-y: auto; overscroll-behavior: contain; }
  .mobile-menu > a:not(.button) { display: flex; align-items: center; min-height: 44px; }
  .mobile-menu a[aria-current="page"] { color: var(--lime); }
  .mobile-menu a:focus-visible { outline-color: #a2ffb1; }
}
@media (prefers-reduced-motion: reduce) {
  .desktop-nav .nav-resources summary span { transition: none; }
}