/* The alpha mask follows the surrounding text colour, never the browser theme
   alone: a dark website remains legible even in a light browser window. */
.moh-brand-glyph {
  display:inline-block;
  flex:0 0 auto;
  width:38px;
  height:38px;
  color:inherit;
  background-color:currentColor;
  -webkit-mask:url('./ai-mark-256.png') center / contain no-repeat;
  mask:url('./ai-mark-256.png') center / contain no-repeat;
  vertical-align:middle;
  pointer-events:none;
}
.brand-lockup .moh-brand-glyph { color:var(--ink,currentColor); }
.sidebar-logo .moh-brand-glyph,.mini-logo .moh-brand-glyph { width:100%;height:100%;color:var(--text,currentColor); }
@media(max-width:760px) { .site-header .moh-brand-glyph { width:30px;height:30px; } }
@media(max-width:360px) { .site-header .moh-brand-glyph { width:26px;height:26px; } }
@media(forced-colors:active) { .moh-brand-glyph { background-color:LinkText;forced-color-adjust:none; } }
/* Public wordmark: lead with the name, then a quieter, smaller AI signature.
   Sidebar icons and favicons retain their existing dimensions and artwork. */
.site-header .brand-lockup .brand-name { display:flex;flex-direction:column;gap:5px; }
.site-header .brand-lockup .brand-title { display:inline-flex;align-items:center;gap:6px;line-height:1.05;direction:ltr; }
.site-header .brand-lockup .brand-owner { margin:0;letter-spacing:1.8px; }
.site-header .brand-title .moh-brand-glyph { width:22px;height:22px;opacity:.86; }
@media(max-width:760px) {
  .site-header .brand-lockup .brand-title { gap:5px; }
  .site-header .brand-title .moh-brand-glyph { width:18px;height:18px; }
}
@media(max-width:360px) { .site-header .brand-title .moh-brand-glyph { width:16px;height:16px; } }