@media (max-width: 800px) {
  .topbar .crumb {
    display: none;
  }
  .topbar .top-right {
    display: flex;
    width: 100%;
    gap: 6px;
    justify-content: space-between;
  }
  .topbar .top-avatar,
  .topbar .top-username {
    display: none;
  }
  .topbar .campus-pill {
    max-width: 30vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}