/* Reserve space for account actions; links keep their full clickable width. */
.navbar .nav-desktop-row { gap: 8px 16px; }
.navbar .nav-primary-links { min-width: 0; gap: 0 4px; }
.navbar .nav-primary-links > .nav-link { flex: 0 0 auto; display: inline-flex; align-items: center; }
.navbar .nav-actions { flex: 0 0 auto; margin-left: auto; }
.navbar .nav-actions > a[href="/user/account.html"] > span { max-width: 8em; overflow: hidden; text-overflow: ellipsis; }
.navbar .nav-actions > a[href="/user/account.html"] > div { flex-shrink: 0; }
@media (min-width: 768px) {
    .navbar .nav-desktop-row { flex-wrap: wrap; height: auto; min-height: 64px; padding-top: 4px; padding-bottom: 4px; }
    .navbar .nav-primary-links { flex: 1 1 580px; flex-wrap: wrap; overflow: visible; }
    .navbar .nav-desktop-row > .logo { flex: 0 1 auto; max-width: 100%; }
    .navbar .nav-desktop-row > .logo img { max-width: 100%; object-fit: contain; }
}