/* Makes the API maturity classification immediately visible in class views. */
.headertitle .ingroups {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: .7rem 0 .15rem;
  font-size: 0;
}

.headertitle .ingroups::before {
  content: "API maturity";
  align-self: center;
  color: var(--page-foreground-color, #27364a);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.headertitle .ingroups a {
  display: inline-flex;
  align-items: center;
  border: 1px solid #7e8b9d;
  border-radius: 999px;
  padding: .3rem .68rem;
  background: #eef2f7;
  color: #27364a;
  font-size: .8rem;
  font-weight: 800;
  text-decoration: none;
}

.headertitle .ingroups a[href*="api__recommended"] { border-color: #18864b; background: #e7f7ee; color: #116737; }
.headertitle .ingroups a[href*="api__advanced"] { border-color: #236db5; background: #e8f2fc; color: #174f87; }
.headertitle .ingroups a[href*="api__legacy"] { border-color: #b56a13; background: #fff4dc; color: #854a08; }
.headertitle .ingroups a[href*="api__internal"] { border-color: #a33f4b; background: #fbecef; color: #7e2933; }