.site-nav .brand, .site-nav .account-nav { flex-shrink: 0; }
.site-nav .primary-nav a { white-space: nowrap; }
.site-nav .account-trigger > span:not(.avatar) { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1100px) {
    .site-nav .mobile-menu-button { display: inline-grid; place-items: center; }
    .site-nav .primary-nav { position: absolute; top: 72px; left: 12px; right: 12px; display: none; padding: 8px; max-height: calc(100dvh - 96px); overflow-y: auto; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
    .site-nav .primary-nav.open { display: grid; align-items: stretch; }
    .site-nav .primary-nav a { min-height: 44px; }
}