.navbar-resources { position: relative; display: flex; align-items: stretch; }
.navbar-resources__trigger { display: flex; align-items: center; gap: 7px; width: 100%; border: 0; background: transparent; font-family: inherit; font-size: inherit; line-height: 1.5; font-weight: 500; cursor: pointer; text-align: left; }
.navbar-resources__trigger:focus-visible, .navbar-resources__links a:focus-visible { outline: 2px solid var(--app-tint); outline-offset: -2px; border-radius: 8px; }
.navbar-resources__chevron { flex-shrink: 0; transition: transform .15s ease; }
.navbar-resources__trigger[aria-expanded="true"] .navbar-resources__chevron { transform: rotate(180deg); }
.navbar-resources__links { position: absolute; top: 100%; left: 0; z-index: 50; min-width: 210px; padding: 8px; background: #fff; border: 1px solid #e4e4e7; border-radius: 14px; box-shadow: 0 12px 32px #00000014; }
.navbar-resources__links[hidden] { display: none; }
.navbar-resources__links a { display: block; padding: 11px 14px; border-radius: 8px; color: #363636; font-size: 14px; white-space: nowrap; }
.navbar-resources__links a:hover, .navbar-resources__links a:focus-visible { color: #1d1d1f; background: #f4f5f8; }
@media (max-width: 1023px) {
    .navbar-resources { display: block; }
    .navbar-resources__trigger { justify-content: space-between; }
    .navbar-resources__links { position: static; margin: 0 12px 8px; min-width: 0; background: #f4f5f8; border: 0; box-shadow: none; }
    .navbar-resources__links a:hover, .navbar-resources__links a:focus-visible { background: #fff; }
}
@media (prefers-reduced-motion: reduce) { .navbar-resources__chevron { transition: none; } }

/* Override the site’s heavier button typography for this navigation item. */
.navbar button.navbar-resources__trigger { font-weight: 500; line-height: 1.5; }