/* ---- Holdings ----------------------------------------------------------- */

#holdings .stats {
  margin-bottom: clamp(28px, 3.5vw, 44px);
}
#holdings .stats--3 {
  margin-top: clamp(28px, 3.5vw, 44px);
  margin-bottom: 0;
}
#holdings .stat .tile-bar {
  height: 8px;
  margin: 2px 0;
}
.hold-groups {
  border-top: 1px solid var(--line-2);
}
.hgroup {
  border-bottom: 1px solid var(--line-1);
}
.hgroup summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 72px 84px 150px 14px;
  align-items: center;
  gap: 12px;
  padding: 14px 4px;
  cursor: pointer;
  list-style: none;
}
.hgroup summary::-webkit-details-marker {
  display: none;
}
.hgroup summary::after {
  content: "";
  width: 7px;
  height: 7px;
  margin-top: -3px;
  border-right: 1.5px solid var(--text-3);
  border-bottom: 1.5px solid var(--text-3);
  transform: rotate(45deg);
}
.hgroup[open] summary::after {
  margin-top: 3px;
  transform: rotate(-135deg);
}
.hgroup summary:hover {
  background: rgba(255, 255, 255, 0.025);
}
.hg-name {
  font-weight: 600;
  color: var(--text);
}
.hg-owner {
  font-size: 13.5px;
  color: var(--text-4);
}
.hg-total {
  text-align: right;
  font: 600 15px var(--font-sans);
  color: var(--text);
}
.hg-sub {
  text-align: right;
  font: 400 13px var(--font-sans);
  color: var(--text-4);
}
.hgroup .tbl-wrap {
  border: 0;
  border-top: 1px solid var(--line-1);
}
.linkish {
  font: 500 13px var(--font-sans);
  color: var(--cream);
  border-bottom: 1px solid var(--line-cream-2);
}
.linkish:hover {
  color: var(--cream-hot);
}
@media (max-width: 760px) {
  .hgroup summary {
    grid-template-columns: auto minmax(0, 1fr) auto 14px;
  }
  .hgroup summary .hg-owner,
  .hgroup summary .hg-sub {
    display: none;
  }
}