ul.api-xref-list {
  border-top: 1px solid rgb(77, 166, 255);
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 0.25rem 0.75rem;
  list-style: none;
  padding: 15px 0px 0px;
  
  > li {
    margin: 0px;
    
    &::marker {
      content: "";
    }
  }
  
  li p {
    margin: 0px;
  }

  a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.sig-pretty-signature {
  border-bottom: 1px solid rgb(170, 170, 170);
  border-top: 1px solid rgb(170, 170, 170);
  background-color: rgb(238, 238, 238);
  font-size: 1.1em;
  margin: 0;
  padding: 1rem 0.5rem 0.5rem 1rem;
}

.sig-rubric {
  border-bottom: 1px solid rgb(77, 166, 255);
  border-top: 1px solid rgb(77, 166, 255);
  display: inline-block;
}

.cli-doc {
  padding: 5px 10px 5px 10px;
  margin: 15px auto 15px auto;
  background-color: #eee;
  border: 1px solid #aaf
}

/* Clio API Flag Badges */
.clio-flags {
  text-align: right;
  margin-bottom: 0.5em;
}

.clio-flag {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  margin: 0 0.25rem 0.25rem 0;
  border-radius: 3px;
  font-size: 0.85em;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1.4;
  white-space: nowrap;
}

/* Individual flag colors (GitHub-inspired) */
[class^="clio-flag-"]:not(.clio-flag-public),
[class*=" clio-flag-"]:not(.clio-flag-public) {
  color: #fff;
}

.clio-flag-static {
  background-color: #0969da;
}

.clio-flag-readonly {
  background-color: #bf8700;
}

.clio-flag-optional {
  background-color: #8250df;
}

.clio-flag-const {
  background-color: #1f883d;
}

.clio-flag-protected {
  background-color: #d1242f;
}

.clio-flag-public {
  background-color: #54aeff;
  color: #24292f;
}

.clio-flag-inherited {
  background-color: #656d76;
}

.clio-flag-rest {
  background-color: #953800;
}

.clio-flag-deprecated {
  background-color: #cf222e;
  font-weight: 600;
}

dl.c.function .sig-pretty-signature {
  display: none;
}
