.thoughts-header {
  margin-bottom: var(--space-md);
}

.thoughts-title {
  font-family: var(--font-small-caps);
  font-size: var(--text-lg);
  font-weight: var(--font-weight-light);
  letter-spacing: var(--text-spacing-sm);
  line-height: var(--line-height-md);
  color: var(--color-text-muted);
  margin-bottom: var(--space-xs);
  text-transform: capitalize;
}

.thoughts-meta {
  font-family: var(--font-main);
  font-size: var(--text-sm);
  color: var(--color-text-subtle);
}

.thoughts-body {
  margin-bottom: var(--space-md);
}

.thoughts-thought {
  font-family: var(--font-main);
  font-size: var(--text-md);
  white-space: pre-wrap;
  margin: 0;
}

.thoughts-list {
  list-style: none;
  padding: 0;
}

.thoughts-list-each {
  display: flex;
  align-items: center;
  font-size: var(--text-md);
}

.thought-marker {
  display: inline-block;
  width: var(--text-lg);
  height: var(--text-lg);
}

.thoughts-list-each a {
  color: var(--color-text-muted);
  text-decoration: none;
  text-transform: capitalize;
}

.thoughts-list-each a:hover {
  color: var(--color-text-main);
}
