.onlyai-brand,.brand,.brand-logo{display:inline-flex;align-items:center;gap:1px;font-weight:800;letter-spacing:-.02em;text-decoration:none;color:inherit}
/* Defeat a global a:hover{text-decoration:underline} (used on most public
   pages for content links) so it doesn't underline the brand wordmark on
   hover. Specificity (0,0,2,1) — beats a:hover (0,0,1,1) — required
   because brand.css is loaded BEFORE the page's inline a:hover rule, so
   matching specificity would lose to load order. We also keep the bare
   .onlyai-brand:hover for non-anchor brand elements. */
a.onlyai-brand:hover,a.brand:hover,a.brand-logo:hover,.onlyai-brand:hover,.brand:hover,.brand-logo:hover{text-decoration:none}
/* AI tile sized to its content with small symmetric padding instead of a
   fixed 1.58em square. The old sizing left ~0.34em of empty tile space on
   each side of "AI", which read as visible "blanks" in the logo (especially
   in dark mode where the tile is light and the gaps were very visible). The
   tile now hugs the letters tightly. */
.onlyai-brand .brand-mark,.brand .brand-mark,.brand-logo .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:0;padding:.18em .22em;aspect-ratio:1/1;border-radius:.28em;background:#111827;color:#fff;font-weight:800;font-size:1em;line-height:1;font-family:inherit;box-sizing:border-box;box-shadow:none}
/* Dark-mode tile invert. Without this, individual pages had to inline
   their own dark-mode override and most of them used .brand-mark{} which
   has lower specificity than the rule above and silently lost. Putting
   it here at matching specificity guarantees the tile inverts on every
   page that loads brand.css. */
@media (prefers-color-scheme:dark){
  .onlyai-brand .brand-mark,.brand .brand-mark,.brand-logo .brand-mark{background:#f0f6fc;color:#0d1117}
}