.hp-poll{--hp-poll-radius:10px;--hp-poll-track:color-mix(in srgb,var(--hp-border) 76%,var(--hp-surface));color:var(--hp-text)}
.hp-poll-content{display:grid;gap:13px;min-width:0}
.hp-poll .hp-widget-title{display:flex;align-items:center;gap:7px;margin:0;color:var(--hp-accent);font:800 .7rem/1.2 var(--hp-font-heading);letter-spacing:.09em;text-transform:uppercase}
.hp-poll .hp-widget-title:before{content:"";width:18px;height:3px;background:var(--hp-accent);border-radius:99px}
.hp-poll h3{margin:0;font:750 1.05rem/1.35 var(--hp-font-heading);letter-spacing:-.015em}
.hp-poll form,.hp-poll fieldset,.hp-poll-results{display:grid;gap:7px;margin:0}
.hp-poll .list-group-item{position:relative;margin:0;padding:10px 11px;color:inherit;background:transparent;border:1px solid var(--hp-border);border-radius:8px;transition:color .16s ease,background-color .16s ease,border-color .16s ease}
.hp-poll-option{cursor:pointer}
.hp-poll-option:hover{border-color:color-mix(in srgb,var(--hp-accent) 42%,var(--hp-border));background:color-mix(in srgb,var(--hp-accent) 4%,transparent)}
.hp-poll-option:has(input:checked){color:var(--hp-accent);border-color:var(--hp-accent);background:color-mix(in srgb,var(--hp-accent) 8%,var(--hp-surface))}
.hp-poll .form-check-input{flex:0 0 auto;margin:0!important;border-color:color-mix(in srgb,var(--hp-text) 34%,transparent);box-shadow:none}
.hp-poll .form-check-input:checked{border-color:var(--hp-accent);background-color:var(--hp-accent)}
.hp-poll .form-check-input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--hp-accent) 20%,transparent)}
.hp-poll-submit{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:3px;padding-inline:16px;border-color:var(--hp-accent);background:var(--hp-accent);font-weight:750}
.hp-poll-submit:is(:hover,:focus-visible){border-color:color-mix(in srgb,var(--hp-accent) 82%,#000);background:color-mix(in srgb,var(--hp-accent) 82%,#000)}
.hp-poll-result{display:grid!important;gap:7px}
.hp-poll-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.86rem;font-weight:650}
.hp-poll-result-head small{flex:0 0 auto;color:var(--hp-accent);font-size:.76rem;font-weight:850;font-variant-numeric:tabular-nums}
.hp-poll .progress{height:6px;margin:0;overflow:hidden;background:var(--hp-poll-track);border-radius:99px}
.hp-poll .progress-bar{height:100%;background:var(--hp-accent);border-radius:inherit;transform-origin:inline-start;animation:hp-poll-bar-in .65s cubic-bezier(.2,.75,.2,1) both}
.hp-poll-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:3px;color:color-mix(in srgb,var(--hp-text) 66%,transparent);font-size:.72rem;font-weight:700}
.hp-poll-summary span{display:inline-flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.04em}.hp-poll-summary strong{color:var(--hp-text);font-size:.78rem;font-variant-numeric:tabular-nums}

/* 1 — Haber Kartı: sade haber sitesi ritmi. */
.hp-poll--classic .list-group-item{border-inline:0;border-top:0;border-radius:0;padding-inline:2px}
.hp-poll--classic .list-group-item:first-child{border-top:1px solid var(--hp-border)}
.hp-poll--classic .hp-poll-option:has(input:checked){padding-inline:8px;border-bottom-color:var(--hp-accent)}
.hp-poll--classic .hp-poll-option .form-check-input{order:2;margin-inline-start:auto!important}.hp-poll--classic .hp-poll-option>span{order:1}
.hp-poll--classic .hp-poll-result{padding-block:9px}

/* 2 — Accent Seçim: seçili cevabı güçlü fakat temiz biçimde vurgular. */
.hp-poll--accent-card .hp-widget-title{width:max-content;padding:5px 9px;color:#fff;background:var(--hp-accent);border-radius:5px;letter-spacing:.06em}
.hp-poll--accent-card .hp-widget-title:before{display:none}
.hp-poll--accent-card .list-group-item{border-color:color-mix(in srgb,var(--hp-accent) 20%,var(--hp-border));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--hp-accent) 30%,transparent)}
.hp-poll--accent-card .hp-poll-option:has(input:checked){color:#fff;background:var(--hp-accent);box-shadow:none}.hp-poll--accent-card .hp-poll-option:has(input:checked) .form-check-input{border-color:#fff;background-color:#fff;background-image:radial-gradient(circle,#0000 0 25%,var(--hp-accent) 28% 52%,#0000 55%)}
.hp-poll--accent-card .hp-poll-result:first-child{box-shadow:inset 4px 0 0 var(--hp-accent)}

/* 3 — Numaralı Liste: radyo işaretinin yanında hızlı taranabilir sıralama. */
.hp-poll--numbered fieldset,.hp-poll--numbered .hp-poll-results{counter-reset:hp-poll-choice}
.hp-poll--numbered .list-group-item{counter-increment:hp-poll-choice;padding-inline-start:49px}
.hp-poll--numbered .list-group-item:before{content:counter(hp-poll-choice,decimal-leading-zero);position:absolute;inset-inline-start:10px;inset-block-start:50%;display:grid;width:28px;height:28px;place-items:center;color:var(--hp-accent);background:color-mix(in srgb,var(--hp-accent) 10%,var(--hp-surface));border-radius:6px;font-size:.67rem;font-weight:850;transform:translateY(-50%)}
.hp-poll--numbered .hp-poll-option:has(input:checked):before{color:#fff;background:var(--hp-accent)}
.hp-poll--numbered .hp-poll-option .form-check-input{margin-inline-start:auto!important}

/* 4 — Koyu Panel: koyu yüzeyde okunaklı, yüksek kontrastlı görünüm. */
.hp-poll--dark-panel{--hp-poll-track:rgba(255,255,255,.15);color:#fff}
.hp-poll--dark-panel .hp-poll-content{padding:16px;background:#17191d;border-radius:var(--hp-poll-radius)}
.hp-poll--dark-panel .hp-widget-title,.hp-poll--dark-panel .hp-poll-result-head small{color:color-mix(in srgb,var(--hp-accent) 65%,#fff)}
.hp-poll--dark-panel .list-group-item{color:#fff;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.14)}
.hp-poll--dark-panel .hp-poll-option:hover{background:rgba(255,255,255,.08);border-color:color-mix(in srgb,var(--hp-accent) 58%,#fff)}
.hp-poll--dark-panel .hp-poll-option:has(input:checked){color:#fff;background:color-mix(in srgb,var(--hp-accent) 34%,#17191d);border-color:var(--hp-accent)}
.hp-poll--dark-panel .hp-poll-summary{color:rgba(255,255,255,.62)}.hp-poll--dark-panel .hp-poll-summary strong{color:#fff}

/* 5 — Sonuç Odaklı: oy oranlarını büyük yüzdeler ve kalın çubuklarla öne alır. */
.hp-poll--results-focus .hp-widget-title{color:var(--hp-text);font-size:.76rem}
.hp-poll--results-focus .hp-widget-title:before{width:5px;height:17px;border-radius:2px}
.hp-poll--results-focus .list-group-item{padding:11px 12px;background:color-mix(in srgb,var(--hp-accent) 4%,var(--hp-surface));border-color:transparent;border-radius:6px}
.hp-poll--results-focus .hp-poll-result-head{font-weight:750}
.hp-poll--results-focus .hp-poll-result-head small{font-size:.92rem}
.hp-poll--results-focus .hp-poll-result{isolation:isolate;min-height:48px;justify-content:center;overflow:hidden}.hp-poll--results-focus .hp-poll-result-head{position:relative;z-index:2}.hp-poll--results-focus .hp-poll-result-head small{color:var(--hp-text)}
.hp-poll--results-focus .progress{position:absolute;z-index:1;inset:0;height:auto;background:transparent;border-radius:0}.hp-poll--results-focus .progress-bar{opacity:.16;border-radius:0}
.hp-poll--results-focus .hp-poll-result:first-child .progress-bar{opacity:.25}
.hp-poll--results-focus .hp-poll-submit{border-radius:6px}

@keyframes hp-poll-bar-in{from{opacity:.35;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.hp-poll *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}