/* Shared navigation logo: keep the original C + blue indicator, remove its card shell. */
html body .logo-mark,
html body .tools-logo-mark,
html body .forum-post-logo-mark {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .logo-mark img,
html body .tools-logo-mark img,
html body .forum-post-logo-mark img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: translateY(-0.5px);
  filter: drop-shadow(0 3px 4px rgba(17, 89, 132, 0.12));
}

/* Beat legacy mobile theme rules that placed the border on the image itself. */
html body.mobile-page[data-page] .logo-mark img,
html body.mobile-page[data-page] .tools-logo-mark img,
html body.mobile-page[data-page] .forum-post-logo-mark img {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Desktop brand copy spans roughly three lines, so give the bare mark the same visual weight. */
@media (min-width: 761px) {
  html body:not(.mobile-page) .nav .container.nav-inner {
    grid-template-columns: 300px minmax(420px, 1fr) 300px !important;
  }

  html body:not(.mobile-page) .nav .logo {
    width: 300px !important;
  }

  html body:not(.mobile-page) .nav .logo-mark,
  html body:not(.mobile-page) .tools-logo-mark,
  html body:not(.mobile-page) .forum-post-logo-mark {
    width: 56px !important;
    height: 56px !important;
    flex: 0 0 56px !important;
  }

  html body:not(.mobile-page)[data-page="tools"] .tools-nav-inner {
    grid-template-columns: 300px minmax(420px, 1fr) 300px !important;
  }

  html body:not(.mobile-page)[data-page="tools"] .tools-logo {
    width: 300px !important;
  }
}

html body .account-brand img,
html body .mobile-account-brand img,
html body .nav img.logo-img {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  transform: translateY(-0.5px);
  filter: drop-shadow(0 3px 4px rgba(17, 89, 132, 0.12));
}