.loading-message {
  text-align: center;
  color: #666;
  font-style: italic;
  padding: 2rem;
}

.constellation-content {
  margin-top: 2rem;
}

.constellation-page {
  margin-bottom: 2rem;
  padding: 1.5rem;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  background: #fafbfc;
}

.page-section {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 3px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.section-vigil { background: #e8f4f8; color: #1e88e5; }
.section-wandering { background: #f3e5f5; color: #8e24aa; }
.section-research { background: #e8f5e8; color: #43a047; }
.section-synthesis { background: #fff3e0; color: #fb8c00; }
.section-threshold { background: #fce4ec; color: #c2185b; }
.section-oo-lens { background: #f0f4c3; color: #689f38; }
.section-between { background: #f5f5f5; color: #555; }

.page-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}

.page-title a {
  color: inherit;
  text-decoration: none;
}

.page-title a:hover {
  text-decoration: underline;
}

.page-excerpt {
  color: #666;
  line-height: 1.6;
}