/* /voices/ (Forum Voices): reuses style.css and tips.css (layout, chips, cards) and adds the discussion card. */
.voices-logo { background: #7a4fd6; }

.voice-card {
  background: var(--panel); border: 1px solid var(--line); border-left: 3px solid var(--line); border-radius: var(--radius);
  padding: 12px 16px 8px; margin-bottom: 10px; box-shadow: var(--shadow);
}
.voice-card.settled-consensus { border-left-color: var(--ok); }
.voice-card.settled-decided { border-left-color: var(--accent); }
.voice-card.settled-unresolved { border-left-color: var(--lv2t); }
.badge-consensus { background: color-mix(in srgb, var(--ok) 16%, var(--panel)); color: var(--ok); }
.badge-decided { background: var(--accent-soft); color: var(--accent); }
.badge-unresolved { background: var(--lv2); color: var(--lv2t); }
.positions { margin: 8px 0 6px; padding-left: 20px; line-height: 1.5; color: color-mix(in srgb, var(--text) 90%, var(--muted)); }
.positions li { margin: 2px 0; }
.positions li::marker { color: var(--muted); }
.outcome { margin: 4px 0 8px; line-height: 1.5; }
.outcome-label {
  font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); margin-right: 4px;
}
.chip.debate { border-style: dashed; }
.chip.debate-3, .chip.debate-4 { color: var(--lv2t); border-color: currentColor; }
.voices-page .btn.switch + .btn.switch { margin-left: 6px; }