.ccc-poll{ 
    border: 3px double #000;
    padding: var(--ccc-pad, 12px);
    max-width: 640px;
    margin: 1rem auto;
    background: var(--ccc-bg, #fefefe);
    box-shadow: 4px 4px 0 #000;
    font-family: "Comic Sans MS", "Comic Sans", cursive, system-ui, sans-serif;
}
/* Borderless variant now only removes border/shadow; background and padding are left intact */
.ccc-borderless{
    border: 0 !important;
    box-shadow: none !important;
}

.ccc-poll-header{
    display:flex; align-items:center; justify-content:center;
    margin-bottom:8px;
    background: repeating-linear-gradient(45deg,#fffd8a,#fffd8a 10px,#ffd6d6 10px,#ffd6d6 20px);
    border: 2px solid #000;
    padding: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}
.ccc-poll-blink{ animation: cccblink 0.9s steps(2, start) infinite; }
@keyframes cccblink { 50%{ opacity:0; } }

.ccc-poll-question{
    font-size: 1.1rem;
    margin: 8px 0 10px;
}

.ccc-poll-form .ccc-poll-option{
    display:flex; align-items:center; gap:.5rem;
    padding:6px 8px; border:1px dashed #555; margin-bottom:6px; border-radius:6px;
    background:#fffdf5;
}
.ccc-poll-form .ccc-poll-btn, .ccc-poll-view-btn{
    margin-top:8px;
    border:2px solid #000; background:#9cf; padding:8px 12px; cursor:pointer;
    box-shadow: 2px 2px 0 #000;
}
.ccc-poll-note{ font-size:.9rem; margin-top:6px; color:#333; }

.ccc-poll-results-title{ margin-top:12px; font-weight:700; }
.ccc-poll-bar-row{ display:grid; grid-template-columns: 1fr 3fr auto; align-items:center; gap:8px; margin:6px 0; }
.ccc-poll-bar-track{ border:2px solid #000; height:18px; position:relative; background:#f5f5f5; }
.ccc-poll-bar-fill{ height:100%; background: linear-gradient(90deg,#b2f7,#9cf); box-shadow: inset -2px 0 0 rgba(0,0,0,.2); }
.ccc-poll-bar-label{ font-size:.95rem; }
.ccc-poll-bar-pct{ font-variant-numeric: tabular-nums; min-width:3ch; text-align:right; }