/* donor guide dropdown */
.nav-dd { position: relative; display: inline-flex; align-items: center; }
.nav-dd > .nav-link::after { content: ""; display: inline-block; margin-left: 6px; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.dd-menu { position: absolute; top: 100%; left: 50%; min-width: 230px; padding: 8px; margin-top: 6px; background: var(--white); border-radius: 14px; box-shadow: 0 12px 32px rgba(19, 32, 59, .16), inset 0 0 0 1px var(--line); opacity: 0; visibility: hidden; transform: translate(-50%, 6px); transition: opacity .15s ease, transform .15s ease, visibility .15s; z-index: 60; }
.dd-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.nav-dd:hover .dd-menu, .nav-dd:focus-within .dd-menu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.dd-menu a { display: block; padding: 10px 14px; border-radius: 10px; color: var(--ink); text-decoration: none; font-weight: 600; font-size: 15px; white-space: nowrap; }
.dd-menu a:hover, .dd-menu a:focus { background: var(--marigold-tint); color: var(--green); }