/* Màu theo mạch nội dung: thêm class strand--<code> để dùng biến --strand-color. */
.strand--intro {
  --strand-color: var(--color-primary);
}

.strand--matter {
  --strand-color: var(--color-strand-matter);
}

.strand--energy {
  --strand-color: var(--color-strand-energy);
}

.strand--living {
  --strand-color: var(--color-strand-living);
}

.strand--earth {
  --strand-color: var(--color-strand-earth);
}

.strand-dot {
  display: inline-block;
  flex: none;
  width: 12px;
  height: 12px;
  margin-right: var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--strand-color, var(--color-border));
}