/* One compact theme/globe pair on every website header. */
@media(min-width:761px) {
 body .topbar .tb-l > a:first-child { column-gap:.3em; }
}
body .topbar .site-theme-tools { display:flex; align-items:center; gap:0; flex:none; }
.topbar .site-theme-tools > :is(button,a) { display:inline-flex; align-items:center; justify-content:center; flex:none; width:28px; height:32px; padding:0; border:0; border-radius:0; background:none; color:#ffffffc7; cursor:pointer; }
.topbar .site-theme-tools > :is(button,a):hover { color:#fff; }
.topbar .site-theme-tools svg { width:16px; height:16px; }
.topbar .site-theme-tools .theme-icon-moon,
.topbar .site-theme-toggle[aria-pressed="true"] .theme-icon-sun { display:none; }
.topbar .site-theme-toggle[aria-pressed="true"] .theme-icon-moon { display:block; }
.topbar .site-theme-tools > :is(button,a):focus-visible { outline:2px solid currentColor; outline-offset:2px; border-radius:3px; }
.topbar .tb-r:has(.site-theme-tools) { min-width:0; }
@media(max-width:650px) {
 .topbar:has(.site-theme-tools) .tb-l { min-width:0; }
 .topbar .tb-r:has(.site-theme-tools) { gap:8px; flex-shrink:0; }
 .topbar .tb-r:has(.site-theme-tools) .hero-opts { gap:4px; margin-right:0; }
 body .topbar .site-theme-tools { gap:0; }
 .topbar .site-theme-tools > :is(button,a) { width:28px; }
 .tb-r:has(.site-theme-tools) :is(.v4-preview-switch,.editorial-preview) { min-width:0; }
}

/* The Matrix wordmark keeps its black brand color in both page themes. */
#hd #brandLogo .mx-logo { background-color:#101114; }