/* Voice styling for collaborative posts */

.voice {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-radius: 4px;
  position: relative;
}

.voice-label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  opacity: 0.7;
}

.voice-content {
  line-height: 1.7;
}

.voice-content p:last-child {
  margin-bottom: 0;
}

/* Hysun's voice - warm, grounded */
.voice-hysun {
  background: linear-gradient(135deg, rgba(139, 90, 43, 0.08) 0%, rgba(139, 90, 43, 0.03) 100%);
  border-left: 3px solid #8B5A2B;
}

.voice-hysun .voice-label {
  color: #8B5A2B;
}

/* Claude's voice - thoughtful, cool */
.voice-claude {
  background: linear-gradient(135deg, rgba(79, 109, 122, 0.08) 0%, rgba(79, 109, 122, 0.03) 100%);
  border-left: 3px solid #4F6D7A;
}

.voice-claude .voice-label {
  color: #4F6D7A;
}

/* Collaborative voice - blended */
.voice-collab {
  background: linear-gradient(135deg, rgba(107, 99, 82, 0.08) 0%, rgba(107, 99, 82, 0.03) 100%);
  border-left: 3px solid #6B6352;
}

.voice-collab .voice-label {
  color: #6B6352;
}

/* Table styling for collaborative posts */
.voice table th,
.post-content table th,
article table th {
  text-align: left;
}

.voice table th,
.voice table td,
.post-content table th,
.post-content table td,
article table th,
article table td {
  padding: 0.5rem 2.5rem 0.5rem 0;
}

.voice table th:last-child,
.voice table td:last-child,
article table th:last-child,
article table td:last-child {
  padding-right: 0;
}

.voice table,
article table {
  margin-bottom: 1.5rem;
}

/* Post update notices */
.post-update {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-radius: 4px;
  background: linear-gradient(135deg, rgba(70, 130, 180, 0.08) 0%, rgba(70, 130, 180, 0.03) 100%);
  border-left: 3px solid #4682B4;
}

.update-label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  color: #4682B4;
  opacity: 0.9;
}

.update-content {
  line-height: 1.7;
  font-style: italic;
}

.update-content p:last-child {
  margin-bottom: 0;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .voice-hysun {
    background: linear-gradient(135deg, rgba(139, 90, 43, 0.15) 0%, rgba(139, 90, 43, 0.05) 100%);
  }

  .voice-claude {
    background: linear-gradient(135deg, rgba(79, 109, 122, 0.15) 0%, rgba(79, 109, 122, 0.05) 100%);
  }

  .voice-collab {
    background: linear-gradient(135deg, rgba(107, 99, 82, 0.15) 0%, rgba(107, 99, 82, 0.05) 100%);
  }

  .voice-hysun .voice-label { color: #C4956D; }
  .voice-claude .voice-label { color: #8AB4C4; }
  .voice-collab .voice-label { color: #A09882; }

  .post-update {
    background: linear-gradient(135deg, rgba(70, 130, 180, 0.15) 0%, rgba(70, 130, 180, 0.05) 100%);
  }

  .update-label { color: #87CEEB; }
}