/* Shared intrinsic lockup: equal line widths, independent of JavaScript. */
.brand, .site-header .logo, .adminBrand {
  display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;
  width:max-content;max-width:100%;color:var(--ink,#101828);text-decoration:none;
}
.brandMark {display:block;width:48px;height:48px;flex:0 0 48px;object-fit:contain}
.brandWords {display:grid;grid-template-columns:max-content;align-items:center;gap:5px;width:max-content;margin:0;padding:0;line-height:1;text-align:center;white-space:nowrap}
.brandWords > b {display:block;margin:0;font-size:13px;font-weight:800;line-height:1.12;letter-spacing:.04em}
/* Equal rules extend GUIDE to precisely the width of WORLD AFFILIATE. */
.brandWords > small, .siteHeader .brandWords > small {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;width:100%;margin:0;font-size:10px;font-weight:750;line-height:1.12;letter-spacing:.24em;color:var(--muted,#667085)}
.brandWords > small::before, .brandWords > small::after, .siteHeader .brandWords > small::before, .siteHeader .brandWords > small::after {content:"";display:block;width:100%;height:1px;background:currentColor;opacity:.75}
.footerBrand .brandWords > b, .sidebar .brandWords > b {color:#fff}
.footerBrand .brandWords > small, .sidebar .brandWords > small {color:#cbd3df}
.siteHeader .headerInner {flex-wrap:nowrap}
.siteHeader .brand {margin-right:auto}
.site-header .logo > .brandWords {background:none;border-radius:0;height:auto;width:max-content;color:var(--ink)}
.site-header .logo .brandWords > b {font-size:12px}
.site-header .logo .brandWords > small {font-size:9px}
.adminBrand > .brandWords {background:none;border-radius:0;height:auto;width:max-content;color:var(--ink)}
.adminBrand .brandWords > b {letter-spacing:.04em}
.sidebar .brand > .brandMark {width:40px;height:40px;flex-basis:40px}
.sidebar .brandWords > b {font-size:11px}
.sidebar .brandWords > small {font-size:9px}
@media(max-width:600px){
  .brand, .site-header .logo, .adminBrand{gap:8px}
  .brandMark{width:40px;height:40px;flex-basis:40px}
  .brandWords > b{font-size:11px}
  .brandWords > small, .siteHeader .brandWords > small{font-size:9px;gap:8px}
  .siteHeader .headerInner{gap:10px}
  .siteHeader .languagePicker, .siteHeader .menuButton{flex:0 0 auto}
  .sidebar{flex-wrap:wrap}
}
@media(max-width:360px){
  .siteHeader .headerInner{gap:8px}.siteHeader .brand{gap:6px}
  .siteHeader .brandMark{width:32px;height:32px;flex-basis:32px}
  .siteHeader .brandWords > b{font-size:10px}.siteHeader .brandWords > small{font-size:9px}
}
@media(max-width:760px){
  .site-header{height:auto;min-height:78px;flex-wrap:wrap;padding-block:16px;gap:16px}
  .site-header nav{flex-wrap:wrap;gap:16px}
}
/* Cancel tracking after the final glyph for optical centring. */
.brandWords > small > span {display:block;margin-inline-end:-.24em}
.adminBrand .brandWords > small > span {width:auto;height:auto;min-width:0;background:none;border-radius:0;font:inherit;color:inherit}
footer a.brand.footerBrand {padding:0;border:0;text-transform:none}
.site-header .logo .brandWords > small > span {width:auto;height:auto;min-width:0;background:none;border-radius:0;font:inherit;color:inherit}