/* Shared identity: the mark and wordmark used on the substitutions page. */
.brand,
.announcement-page .brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #18263b;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 21px;
  font-weight: 750;
  letter-spacing: -.045em;
  line-height: 1.55;
  text-decoration: none;
  flex-shrink: 0;
}
.brand:hover,
.announcement-page .brand:hover { color: #18263b; text-decoration: none; }
.brand-logo { width: 36px; height: 36px; object-fit: contain; flex-shrink: 0; }
@media (max-width: 380px) {
  .brand, .announcement-page .brand { font-size: 18px; }
}
.miniapp[data-theme="dark"] .brand-logo { filter: invert(1); }

.brand.brand--inverse, .brand.brand--inverse:hover { color: #fff; }
.brand--inverse .brand-logo { filter: invert(1); }
@media (max-width: 480px) {
  nav:not(.site-nav):has(.brand) > div { flex-wrap: wrap; gap: 12px; }
  nav:not(.site-nav):has(.brand) > div > div { flex-wrap: wrap; gap: 16px; }
}