.awakener-index-family {
  margin-top: 2.4rem;
}

.awakener-index-family h2,
.awakener-index-family h3,
.awakener-index-grid a {
  scroll-margin-top: 4rem;
}

.awakener-index-family > h2 {
  margin-bottom: 0.8rem;
}

.awakener-index-group + .awakener-index-group {
  margin-top: 1.6rem;
}

.awakener-index-group {
  --awakener-index-accent: var(--md-default-fg-color--lightest);
}

.awakener-index-family[data-realm="chaos"] .awakener-index-group,
.awakener-index-family[data-realm="primordia-chaos"] .awakener-index-group {
  --awakener-index-accent: var(--md-realms-chaos);
}

.awakener-index-family[data-realm="aequor"] .awakener-index-group,
.awakener-index-family[data-realm="benthos-aequor"] .awakener-index-group {
  --awakener-index-accent: var(--md-realms-aequor);
}

.awakener-index-family[data-realm="caro"] .awakener-index-group,
.awakener-index-family[data-realm="propagation-caro"] .awakener-index-group {
  --awakener-index-accent: var(--md-realms-caro);
}

.awakener-index-family[data-realm="ultra"] .awakener-index-group,
.awakener-index-family[data-realm="singularity-ultra"] .awakener-index-group {
  --awakener-index-accent: var(--md-realms-ultra);
}

.awakener-index-group > h3 {
  margin-bottom: 0.7rem;
}

.md-typeset .awakener-index-grid {
  list-style: none none;
}

ul.awakener-index-grid.grid-96 {
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
  margin-left: 0;
}

[dir=ltr] .md-typeset .awakener-index-grid li {
  min-width: 0;
  margin: 0;
}

.awakener-index-grid a {
  display: flex;
  min-height: 2.75rem;
  font-size: 0.64rem;
  flex-direction: column;
  gap: 0.4rem;
  align-items: center;
  color: var(--md-default-fg-color);
  text-align: center;
}

.awakener-index-grid a:hover,
.awakener-index-grid a:focus-visible {
  background: var(--awakener-index-accent);
}

.awakener-index-grid a:focus-visible {
  outline: 0.15rem solid var(--md-accent-fg-color);
  outline-offset: 0.1rem;
}

.awakener-index-grid img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.md-typeset .awakener-index-realm-icon {
  width: 1em;
  height: 1em;
  margin: 0;
  object-fit: contain;
  vertical-align: -0.12em;
}

.awakener-index-grid span {
  align-content: center;
  min-height: 1.7em;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-decoration: underline;
}

.awakener-index-grid li a {
  text-decoration: none;
}

.tierlist-free-unit .tierlist-label {
  border-left: 4px solid var(--md-tier-free);
}

.tierlist-standard-unit .tierlist-label {
  border-left: 4px solid var(--md-tier-standard);
}


.tierlist-label {
  align-items: center;
  display: flex;
  min-height: 1.7em;
  line-height: 1.2;
  width: 100%;
  justify-content: flex-end;
  overflow-wrap: anywhere;
}

.tierlist-label .name {
  align-content: center;
  height: stretch;
  width: stretch;
  text-decoration: underline;
}

.tierlist-label .enlighten {
  align-content: center;
  background: var(--md-tierlist-enlighten-bg);
  color: var(--md-tierlist-enlighten);
  font-weight: bold;
  height: 1.5em;
  width: 2em;
}

@media screen and (max-width: 44.984375em) {

  ul.awakener-index-grid.grid-96 {
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: 8px;
  }

}