
:root{
  --csvote-accent: var(--csvote-accent, var(--e-global-color-primary, var(--wp--preset--color--primary, #e63963)));
  --csvote-radius: 22px;
  --csvote-border: rgba(0,0,0,.12);
  --csvote-text: #1f2937;
  --csvote-subtle: #6b7280;
  --csvote-surface: #ffffff;
}
.csvote-live-page{max-width:1200px;margin:0 auto;padding:1.25rem}
.csvote-live-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;position:relative;z-index:20}
.csvote-live-head h2{margin:0;line-height:1.1;color:var(--csvote-text)}
.csvote-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:22px;position:relative;z-index:1}
.csvote-live-card{background:var(--csvote-surface);color:var(--csvote-text);border-radius:var(--csvote-radius);padding:18px;box-shadow:0 14px 28px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.06);border:1px solid var(--csvote-border)}
.csvote-live-card h3, .csvote-live-card h2{margin:0 0 12px;font-size:clamp(1.5rem,2.2vw,2.1rem);letter-spacing:.3px;color:var(--csvote-text);border-bottom:2px solid color-mix(in srgb,var(--csvote-accent) 35%, transparent);padding-bottom:6px}
.csvote-live-card table{width:100%;border-collapse:collapse;table-layout:fixed}
.csvote-live-card td{padding:10px 10px;border-bottom:1px solid rgba(0,0,0,.06);color:#6b7280;word-break:break-word;white-space:normal}
.csvote-live-card tr:last-child td{border-bottom:none}
.csvote-live-card td.votes{text-align:center;width:3.25rem;font-weight:800;color:#fff;background:#c12b4f;background-image:none;border-left:1px solid rgba(255,255,255,.25)}
.csvote-live-card table tbody tr > td { background: transparent !important; }
.csvote-live-card table tbody tr > td:first-child:not([colspan]){ background-color: var(--csvote-accent) !important; color:#fff !important; }
.csvote-live-brand{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:1.25rem;padding:1rem 1.1rem;border:1px dashed var(--csvote-border);border-radius:14px;background:rgba(0,0,0,.02)}
.csvote-live-brand a{color:var(--csvote-accent);text-decoration:none}
.csvote-live-brand .csvote-cta{margin-top:.15rem;color:var(--csvote-subtle)}
.csvote-live-brand .csvote-brand-right img{width:150px;max-width:150px;height:auto;object-fit:contain;display:block}
@media (max-width:640px){
  .csvote-live-brand{flex-direction:column;align-items:flex-start;gap:8px}
  .csvote-live-brand .csvote-brand-right img{width:120px;max-width:120px}
}
@media (max-width: 768px){
  .csvote-live-page{padding:12px}
  .csvote-live-grid{grid-template-columns:1fr !important; gap:14px}
  .csvote-live-card{padding:14px; border-radius:14px; box-shadow:0 8px 18px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.06)}
  .csvote-live-card h3{font-size:1.35rem; margin:0 0 8px}
  .csvote-live-card td{padding:10px 8px}
  .csvote-live-card td.votes{width:2.75rem}
}
