/* Normalize the visible artwork, not the PNG canvas. The SVG viewBoxes remove
   the different transparent margins without changing or distorting the assets. */
.brand-logo{position:relative;display:block;flex:0 0 auto;width:160px;height:132px;overflow:hidden;line-height:0;text-decoration:none}
.brand-logo-image{display:none;width:100%;height:100%;overflow:hidden}
.brand-logo-image[data-logo="purple"]{display:block}
html[data-theme="alliance"] .brand-logo-image[data-logo="purple"],
html[data-theme="horde"] .brand-logo-image[data-logo="purple"]{display:none}
html[data-theme="alliance"] .brand-logo-image[data-logo="alliance"],
html[data-theme="horde"] .brand-logo-image[data-logo="horde"]{display:block}
.brand-logo-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.brand-logo:focus-visible{outline:2px solid var(--accent2,var(--accent));outline-offset:4px;border-radius:4px}
.site-header .brand{display:flex;align-items:center;gap:14px}
.site-header .brand-title{flex:0 0 auto}
.site-header .brand h1{line-height:0}
.site-header .brand p{min-width:0;margin:0;overflow-wrap:break-word}
@media(max-width:820px){.brand-logo{width:136px;height:112px}}