/* Approved R + radar signal mark. Keep the product wordmark as accessible text. */
.radar-public.radar-site .brand-mark,
.radar-public.radar-portal:not(.is-portal-authenticated) .brand-mark {
  gap: 12px;
  color: #001e2b;
  font-family: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.035em;
}

.radar-public.radar-site .brand-mark {
  font-size: clamp(1.55rem, 2vw, 1.9rem);
}

.radar-public.radar-site .brand-mark img.brand-mark__symbol,
.radar-public.radar-portal .brand-mark img.brand-mark__symbol {
  display: block;
  flex: none;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
}

.radar-public.radar-site .public-footer .brand-mark img.brand-mark__symbol {
  width: 28px;
  height: 28px;
}

.pro-console-sidebar__brand,
.pro-console-mobile-header__brand {
  gap: 10px;
  font-family: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.035em;
}

.pro-console-sidebar__brand img,
.pro-console-mobile-header__brand img {
  display: block;
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 5px;
}

.pro-console-mobile-header__brand img {
  width: 24px;
  height: 24px;
}

.radar-public.radar-portal .portal-unified-shell .portal-workbench__brand {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-family: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.035em;
}

@media (max-width: 420px) {
  .radar-public.radar-site .app-topbar {
    column-gap: 8px;
  }

  .radar-public.radar-site .brand-mark {
    gap: 6px;
    font-size: clamp(1.05rem, 5.25vw, 1.3rem);
  }

  .radar-public.radar-site .brand-mark img.brand-mark__symbol,
  .radar-public.radar-portal .brand-mark img.brand-mark__symbol {
    width: 30px;
    height: 30px;
  }

  .radar-public.radar-site .app-actions {
    gap: 6px;
  }

  .radar-public.radar-site .public-login-link {
    font-size: 12px;
  }
}

@media (max-width: 359px) {
  .radar-public.radar-site .brand-mark > span {
    max-width: 96px;
    white-space: normal;
    line-height: 1;
  }
}