.navigation nav { align-items: center; }
.navigation nav > a,
.navigation nav .nav-dropdown,
.navigation nav .nav-dropdown summary { min-height: 1.5rem; line-height: 1.25; }
.navigation nav > a { display: inline-flex; align-items: center; }
.navigation nav .nav-dropdown { position: relative; display: flex; align-items: center; }
.navigation nav .nav-dropdown summary { display: inline-flex; align-items: center; gap: 6px; list-style: none; cursor: pointer; user-select: none; }
.navigation nav > a.is-active,
.navigation nav .nav-dropdown.is-active summary { padding: 7px 11px; border: 1px solid rgba(99,169,248,.66); border-radius: 999px; background: rgba(53,123,210,.24); box-shadow: 0 0 18px rgba(73,145,237,.18); color: #fff; font-weight: 700; }
.navigation nav .nav-dropdown summary::-webkit-details-marker { display: none; }
.navigation nav .nav-dropdown summary::after { content: "⌄"; color: var(--accent); font-size: 1.1em; transition: transform .18s ease; }
.navigation nav .nav-dropdown[open] summary::after { transform: rotate(180deg); }
.navigation nav .nav-dropdown-menu { position: absolute; z-index: 30; top: calc(100% + 12px); right: 0; display: grid; gap: 4px; width: 224px; padding: 8px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: #10233c; box-shadow: 0 18px 42px rgba(0,0,0,.42); }
.navigation nav .nav-dropdown-menu a { display: block; padding: 10px 12px; border-radius: 9px; color: var(--text); text-decoration: none; white-space: nowrap; }
.navigation nav .nav-dropdown-menu a:hover, .navigation nav .nav-dropdown-menu a:focus { background: rgba(99,169,248,.18); color: #fff; text-decoration: none; outline: none; }
@media (max-width:760px) { .navigation nav .nav-dropdown-menu { right: auto; left: 0; } }