/* Shared Styles for All Astrology Sections */

.chinese-zodiac-section,
.bloodtype-section,
.numerology-section,
.maya-section,
.medicine-wheel-section,
.moonphase-section,
.nightsky-section,
.daily-wisdom-section,
.compatibility-section,
.iching-section,
.tarot-section {
  margin-top: 1.5rem;
  padding: 0;
}

.chinese-zodiac-section h4,
.bloodtype-section h4,
.numerology-section h4,
.maya-section h4,
.medicine-wheel-section h4,
.moonphase-section h4,
.nightsky-section h4,
.daily-wisdom-section h4,
.compatibility-section h4,
.iching-section h4,
.tarot-section h4 {
  margin: 0 0 0.75rem 0;
  color: var(--accent);
  font-size: 1.1rem;
  font-weight: 600;
}

.section-note {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0 0 1rem 0;
  opacity: 0.8;
}

/* Shared Card Styles */
.numerology-card,
.maya-card,
.medicine-wheel-card,
.bloodtype-card,
.nightsky-card {
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Shared Header Styles */
.numerology-header,
.maya-header,
.medicine-wheel-header,
.moonphase-header,
.bloodtype-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.life-path-number,
.maya-emoji,
.totem-emoji,
.moonphase-emoji,
.bloodtype-emoji,
.animal-emoji {
  font-size: 2rem;
  line-height: 1;
}

.numerology-header h5,
.maya-header h5,
.medicine-wheel-header h5,
.moonphase-header h5,
.bloodtype-header h5,
.animal-header h5 {
  margin: 0;
  font-size: 1.1rem;
  color: var(--accent);
  font-weight: 700;
}

.moonphase-header h6,
.animal-header h6 {
  margin: 0 0 0.25rem 0;
  font-size: 0.75rem;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

/* Shared Description Styles */
.numerology-description,
.maya-description,
.medicine-wheel-description,
.moonphase-description,
.bloodtype-description,
.animal-description {
  font-size: 0.85rem;
  color: var(--text-primary);
  line-height: 1.4;
  margin: 0 0 1rem 0;
}

/* Shared Traits Styles */
.numerology-traits,
.maya-traits,
.medicine-wheel-traits,
.moonphase-traits,
.animal-traits {
  margin-bottom: 1.5rem;
}

.numerology-traits strong,
.maya-traits strong,
.medicine-wheel-traits strong,
.moonphase-traits strong,
.animal-traits strong {
  display: block;
  margin-bottom: 0.75rem;
  color: var(--text-secondary);
  font-size: 0.9rem;
}

.trait-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.trait-tag {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(220, 53, 69, 0.15);
  border: 1px solid rgba(220, 53, 69, 0.3);
  border-radius: 15px;
  font-size: 0.75rem;
  color: var(--accent);
  font-weight: 500;
}

.trait-tag.positive {
  background: rgba(40, 167, 69, 0.15);
  border-color: rgba(40, 167, 69, 0.3);
  color: #28a745;
}

.trait-tag.neutral {
  background: rgba(255, 193, 7, 0.15);
  border-color: rgba(255, 193, 7, 0.3);
  color: #ffc107;
}

/* Shared Solidarity/Challenge Styles */
.numerology-solidarity,
.numerology-challenge,
.maya-solidarity,
.maya-shadow,
.medicine-wheel-strength,
.medicine-wheel-solidarity,
.medicine-wheel-challenge,
.moonphase-solidarity,
.moonphase-challenge,
.bloodtype-work,
.bloodtype-solidarity {
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  line-height: 1.5;
  border-left: 2px solid var(--accent);
  padding-left: 0.75rem;
}

.numerology-challenge,
.maya-shadow,
.medicine-wheel-challenge,
.moonphase-challenge {
  border-left-color: #ffc107;
}

.numerology-solidarity strong,
.numerology-challenge strong,
.maya-solidarity strong,
.maya-shadow strong,
.medicine-wheel-strength strong,
.medicine-wheel-solidarity strong,
.medicine-wheel-challenge strong,
.moonphase-solidarity strong,
.moonphase-challenge strong,
.bloodtype-work strong,
.bloodtype-solidarity strong {
  color: var(--accent);
  display: block;
  margin-bottom: 0.25rem;
}

.medicine-wheel-challenge strong,
.maya-shadow strong,
.numerology-challenge strong,
.moonphase-challenge strong {
  color: #ffc107;
}