.poll-content {
    width: 100%;
    max-width: 1360px;
    padding-top: clamp(3rem, 10vh, 7rem);
    padding-bottom: 5rem;
}
.poll-option {
    transition: background-color 120ms ease;
}
.poll-option:has(input[type="checkbox"]:checked) {
    background-color: color-mix(in srgb, oklch(var(--p)) 16%, oklch(var(--b2)));
}
.poll-option:has(input:focus-visible) {
    outline: 2px solid oklch(var(--p));
    outline-offset: 3px;
}
.poll-option:has(input[type="checkbox"]:disabled:not(:checked)) {
    cursor: default;
}
.poll-content [hidden] {
    display: none !important;
}
@media (max-width: 767px) {
    .poll-content { padding-top: 2.5rem; padding-bottom: 2rem; }
    .poll-actions button { width: 100%; }
    .poll-option { min-height: 76px; padding: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
    .poll-option { transition: none; }
}

.poll-option, .poll-result {
    background-color: color-mix(in srgb, oklch(var(--bc)) 6%, oklch(var(--b1)));
}
[data-theme="dark"] .poll-content {
    color: #f3f4f6;
}