/* Enquete do dia: home (below "O que fazer hoje") and the story it came from. Loaded only where a poll is shown. */
.poll { margin: 1.5rem 0; }
.poll--home { margin: 0; padding-block: .9rem; border-bottom: 1px solid var(--lnh-line); background: var(--lnh-soft); }
.poll--home .poll-inner { width: min(calc(100% - 2rem), 1200px); max-width: none; margin-inline: auto; }
.poll--home .poll-inner > * { max-width: 46rem; }
.poll-inner { display: grid; gap: .6rem; max-width: 46rem; }
.poll:not(.poll--home) .poll-inner { padding: 1rem; border: 1px solid var(--lnh-line); border-left: 4px solid var(--lnh-blue); border-radius: .5rem; background: var(--lnh-card, #fff); }
.poll-label { justify-self: start; margin: 0; padding: .2rem .5rem; border-radius: .3rem; color: var(--lnh-paper); background: var(--lnh-blue); font-size: .72rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.poll-question { margin: 0; font-size: 1.15rem; line-height: 1.3; }
.poll-options { display: grid; gap: .45rem; }
.poll-options[hidden], .poll-results[hidden] { display: none; }
.poll-option { width: 100%; padding: .7rem .9rem; border: 1px solid var(--lnh-blue); border-radius: .45rem; color: var(--lnh-blue); background: var(--lnh-paper); font: inherit; font-weight: 750; text-align: left; cursor: pointer; }
.poll-option:hover, .poll-option:focus-visible { color: var(--lnh-paper); background: var(--lnh-blue); }
.poll-option:disabled { cursor: progress; opacity: .6; }
.poll-option.is-sending { opacity: 1; color: var(--lnh-paper); background: var(--lnh-blue); }
.poll-note { margin: 0; color: var(--lnh-muted); font-size: .78rem; }
.poll-results ul { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.poll-result-text { display: flex; justify-content: space-between; gap: .75rem; font-size: .92rem; }
.poll-result-name { min-width: 0; overflow-wrap: anywhere; }
.poll-result strong { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.poll-result.is-choice .poll-result-name::after { content: " · seu voto"; color: var(--lnh-muted); font-size: .8rem; }
.poll-bar { display: block; height: .55rem; margin-top: .2rem; overflow: hidden; border-radius: 99px; background: var(--lnh-line); }
.poll-bar span { display: block; height: 100%; border-radius: inherit; background: var(--lnh-blue); transition: width .4s ease; }
.poll-total { margin: 0; color: var(--lnh-muted); font-size: .82rem; }
.poll-story { justify-self: start; font-size: .86rem; font-weight: 700; }
@media (prefers-reduced-motion: reduce) {
  .poll-bar span { transition: none; }
}
@media (min-width: 700px) {
  .poll-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .poll-note { grid-column: 1 / -1; }
}