/* Navy square identity. The artwork carries its own tile, depth and rim, so holders only follow its corners. */
.mc-logo.mc-logo {
  box-sizing:border-box;
  padding:0;
  border:0;
  outline:0;
  border-radius:28%;
  overflow:visible;
  isolation:isolate;
  background:none;
  box-shadow:0 2px 5px rgba(3,15,46,.2),0 7px 16px rgba(3,15,46,.14);
}
.mc-logo.mc-logo > img {
  display:block;
  width:100%;
  height:100%;
  margin:0;
  border:0;
  border-radius:inherit;
  object-fit:contain;
  opacity:1;
  filter:none;
  clip-path:none;
}
.mc-logo.mc-logo::after {display:none;}
.theme-dark .mc-logo.mc-logo {
  box-shadow:0 3px 10px rgba(0,7,30,.28),0 12px 28px rgba(0,7,30,.20);
}
.mc-live-identity > .mc-live-logo {--mc-logo-size:36px;flex:none;}
@media(max-width:440px) {
  .mc-live-identity > .mc-live-logo {--mc-logo-size:30px;}
}
@media(max-width:360px) {
  .mc-live-identity > .mc-live-logo {display:none;}
}
@media(forced-colors:active) {
  .mc-logo.mc-logo {box-shadow:none;}
}

.app-shell .glass-wordmark > img {display:block;flex:none;border-radius:28%;object-fit:contain;box-shadow:0 2px 8px #061a3233;}
.app-shell .glass-wordmark {font-weight:650;letter-spacing:-.025em;}
/* Phones have no side menu, so the logo leads each page's own heading. */
@media(max-width:760px) {
  html body .app-shell .app-view:not([data-view="focus"]) > .page-header::before {content:"";display:block;order:-1;flex:none;align-self:flex-start;width:34px;height:34px;margin:4px 10px 0 0;border-radius:28%;background:url("/mindcoda-brand-v2.svg") center/contain no-repeat;box-shadow:0 2px 6px rgba(5,15,50,.2),0 6px 14px rgba(5,15,50,.12);}
}