
.band { margin: 1.7rem 0 0; font-size: 1.02rem; }
.card.slot {
  border-style: dashed;
  border-left-color: var(--line);
  background: transparent;
  box-shadow: none;
  cursor: default;
}
.card.slot h3, .card.slot .summary { color: var(--faint); }
.card.slot:hover { border-color: var(--line); border-left-color: var(--line); }
.slot-tag {
  border: 1px solid var(--line);
  color: var(--faint);
  border-radius: 999px;
  flex: none;
  padding: .02rem .42rem;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.45;
}
.outline-item.slot {
  border-style: dashed;
  background: transparent;
  cursor: default;
}
.outline-item.slot .outline-name, .outline-item.slot .outline-point { color: var(--faint); }
.outline-item.slot:hover { border-color: var(--line); }
.nav-fold li .nav-slot {
  color: var(--faint);
  border-radius: .45rem;
  padding: .38rem .45rem;
  font-size: .92rem;
  line-height: 1.35;
  display: block;
  cursor: default;
}
.scale-use { color: var(--muted); max-width: 40em; margin: 0 0 .85rem; }
.also { color: var(--muted); margin: 0 0 1.1rem; font-size: .92rem; }
.also a { color: var(--teal); font-weight: 700; text-decoration: none; }
.also a:hover { text-decoration: underline; }
