/* ============ COMMUNITY VOICES SHORTCODE ============ */
.cc-community-voices { padding:52px 0; }
.cc-voices-header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:32px; }
.cc-voices-eyebrow { font-size:11px; font-weight:500; letter-spacing:2px; text-transform:uppercase; color:#5BAD48; margin-bottom:8px; font-family:'DM Sans',sans-serif; }
.cc-voices-title { font-family:'Playfair Display',serif; font-size:32px; font-weight:700; color:#2A2A22; line-height:1.15; }
.cc-voices-view-all { font-size:13px; font-weight:500; color:#1A4F72; text-decoration:none; border-bottom:1px solid #1A4F72; padding-bottom:2px; white-space:nowrap; flex-shrink:0; }
.cc-voices-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#E8DFC8; }
.cc-voices-footer-link { text-align:center; padding:24px 0 0; }
.cc-voices-footer-link a { font-size:14px; font-weight:400; color:#1A4F72; text-decoration:none; border-bottom:1px solid #1A4F72; padding-bottom:2px; }

/* Written card */
.cc-voice-card { display:flex; flex-direction:column; }
.cc-voice-written { background:#F7F4EE; padding:32px; }
.cc-voice-project { font-size:12px; color:#888; background:#fff; border:1px solid #E8DFC8; padding:4px 10px; display:inline-block; margin-bottom:14px; }
.cc-voice-type { font-size:12px; font-weight:500; color:#5BAD48; margin-bottom:14px; display:flex; align-items:center; gap:6px; }
.cc-voice-dash { color:#5BAD48; }
.cc-voice-quote { font-family:'Playfair Display',serif; font-size:17px; font-style:italic; color:#2A2A22; line-height:1.65; flex:1; margin-bottom:16px; }
.cc-voice-attr { font-size:13px; color:#888; margin-top:auto; }

/* Audio card */
.cc-voice-audio { background:#1A2B3C; padding:28px; }
.cc-voice-project-light { color:rgba(255,255,255,.5); background:rgba(255,255,255,.08); border:none; }
.cc-voice-type-light { color:#5BAD48; }
.cc-audio-waveform { display:flex; align-items:center; gap:3px; height:40px; margin:14px 0; }
.cc-audio-bar { background:rgba(255,255,255,.22); border-radius:2px; width:4px; flex-shrink:0; }
.cc-audio-play-row { display:flex; align-items:flex-start; gap:10px; margin-bottom:12px; }
.cc-audio-play-btn { width:36px; height:36px; background:#5BAD48; border-radius:50%; border:none; color:#fff; font-size:14px; cursor:pointer; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.cc-audio-title { font-size:14px; color:rgba(255,255,255,.9); line-height:1.55; font-style:italic; font-family:'Playfair Display',serif; }
.cc-voice-attr-light { font-size:12px; color:rgba(255,255,255,.45); margin-top:auto; padding-top:10px; }

/* Video card */
.cc-voice-video { background:#1A1A18; overflow:hidden; }
.cc-video-thumb { flex:1; min-height:180px; background:linear-gradient(160deg,#1e2d38 0%,#0d1a1f 100%); display:flex; flex-direction:column; justify-content:space-between; padding:16px; position:relative; }
.cc-video-project { font-size:10px; font-weight:500; letter-spacing:.5px; background:rgba(26,26,24,.65); color:#fff; padding:3px 8px; display:inline-block; margin-bottom:auto; }
.cc-video-play-circle { width:52px; height:52px; background:rgba(255,255,255,.15); border:2px solid rgba(255,255,255,.3); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:auto; }
.cc-video-type { font-size:11px; font-weight:500; color:#5BAD48; display:flex; align-items:center; gap:5px; margin-top:auto; }
.cc-video-meta { padding:14px 16px; }
.cc-video-project-tag { font-size:11px; color:rgba(255,255,255,.4); margin-bottom:4px; }
.cc-video-title { font-size:14px; color:#fff; line-height:1.45; margin-bottom:4px; font-family:'Playfair Display',serif; }
.cc-video-attr { font-size:12px; color:rgba(255,255,255,.4); }

/* Responsive */
@media (max-width:900px) {
  .cc-voices-grid { grid-template-columns:1fr; }
  .cc-voices-header { flex-direction:column; align-items:flex-start; gap:12px; }
}

/* ============ VIDEO THUMBNAIL OVERLAY ============ */
.cc-video-thumb { position:relative; }
.cc-video-thumb::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.35); pointer-events:none; }
.cc-video-project,
.cc-video-play-circle,
.cc-video-type { position:relative; z-index:1; }