/* Keep username tidy in the navbar */
.navbar .username-clip {
    max-width: 12rem;   /* adjust to taste */
    min-width: 0;       /* needed for flex truncation */
}

@media (max-width: 576px) {
    .navbar .username-clip { max-width: 8rem; }
}