/* Approved A symbol + C wordmark. Masks preserve their silhouettes and follow the active surface theme. */
.wenzhi-mark, .wenzhi-wordmark {
  display: inline-block;
  flex: none;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.wenzhi-mark {
  width: 32px; height: 26px;
  -webkit-mask-image: url("./mark.svg");
  mask-image: url("./mark.svg");
}
.wenzhi-wordmark {
  width: 53px; height: 25px;
  -webkit-mask-image: url("./wordmark.svg");
  mask-image: url("./wordmark.svg");
}
#sidebar .sb-logo .sb-ic {
  width: 32px; height: 32px;
  border-radius: 0;
  background: transparent;
  color: var(--shell-ink, #223c4b);
}
.sb-logo .sb-label > .wenzhi-wordmark { display: block; }
.account-brand .wenzhi-mark { width: 34px; height: 28px; }
.account-brand .wenzhi-wordmark { width: 59px; height: 28px; }
.account-topbar .account-topbar-label > .wenzhi-wordmark {
  width: 38px; height: 18px; margin: 0;
  color: var(--shell-ink, #223c4b);
}
.account-topbar-label > span:nth-child(2) { margin: 0 10px; color: var(--ce-n-300); }
.about-card .about-logo {
  width: 44px; height: 40px;
  border-radius: 0;
  color: var(--shell-ink, #223c4b);
  background: transparent;
}
.about-logo .wenzhi-mark { width: 40px; height: 32px; }
.about-meta .about-name { display: flex; align-items: center; gap: 12px; }
.wenzhi-description { font-size: 12px; font-weight: 500; }