/* Transparent supplied wordmark uses the header's own blue in dark mode. */
.header .brand,.learn-header .learn-brand{
  display:flex;align-items:center;justify-content:center;gap:0;
  flex:0 1 180px;min-width:0;min-height:44px;padding:5px 8px;
  background:transparent;border-radius:3px;
}
html[data-theme=light] .header .brand,html[data-theme=light] .learn-header .learn-brand{background:#101c2e}
.header .brand .site-logo,.learn-header .learn-brand .site-logo{
  display:block;width:100%;max-width:180px;height:auto;flex:0 1 auto;
  object-fit:contain;aspect-ratio:363 / 100;
}
@media(max-width:600px){
  .header .brand,.learn-header .learn-brand{flex-basis:144px;padding:5px 4px}
}