.mw-docs-brand {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin: 0.4rem 0 1.2rem;
}

.mw-docs-brand img {
  height: auto;
  width: min(10.5rem, 46vw);
}

.mw-docs-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.mw-docs-badge {
  display: inline-flex;
  font-size: 0.64rem;
  line-height: 1.35;
  overflow: hidden;
  vertical-align: middle;
}

.mw-docs-badge span,
.mw-docs-badge strong {
  color: #ffffff;
  font-weight: 500;
  padding: 0.05rem 0.32rem;
}

.mw-docs-badge span {
  background: #555555;
  border-radius: 0.12rem 0 0 0.12rem;
}

.mw-docs-badge strong {
  background: #111111;
  border-radius: 0 0.12rem 0.12rem 0;
}

.mw-docs-badge--contrib strong {
  background: #44cc11;
}