/* KPA Poll styles */
.kpa-poll { margin: 10px 0 24px; }
.kpa-poll-title { margin-bottom: 16px; font-weight: 700; }

.kpa-poll-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 18px;
}

.kpa-card {
  background:#555;
  border:6px solid #d4af37; /* gold */
  border-radius:12px;
  overflow:hidden;
  color:#fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  transition: transform .25s ease, box-shadow .25s ease;
  display:flex; flex-direction:column; align-items:stretch;
}
.kpa-card:hover { transform: scale(1.02); box-shadow: 0 10px 24px rgba(0,0,0,.35); }

.kpa-img-wrap { aspect-ratio: 3 / 4; background:#333; display:flex; align-items:center; justify-content:center; }
.kpa-img-wrap img { width:100%; height:100%; object-fit:cover; display:block; }

.kpa-name {
  padding:12px 10px 8px;
  font-weight:800;
  text-align:center;
  font-size:1.1rem;
}

.kpa-vote-btn {
  margin: 0 12px 12px;
  padding:10px 14px;
  background:#222;
  color:#fff;
  border:2px solid #d4af37;
  border-radius:10px;
  cursor:pointer;
  font-weight:700;
}
.kpa-vote-btn:hover { filter: brightness(1.05); }

.kpa-result { padding: 8px 12px 12px; }
.kpa-bar { background:#2a2a2a; height:12px; border-radius:12px; overflow:hidden; margin-bottom:8px; }
.kpa-bar-fill { display:block; height:100%; background:#d4af37; }

.kpa-counts { font-size:.95rem; opacity:.9; text-align:center; }
.kpa-poll-msg { margin-top:8px; font-size:.95rem; }