/* County issues poll (/poll). Loaded only on that page, after site.css. */

.poll__card{background:var(--cream);color:var(--ink);border-radius:var(--r);
  padding:clamp(20px,3.2vw,34px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.poll__card h2{font-size:clamp(1.45rem,2.4vw,1.95rem);line-height:1.15;color:var(--ink)}
.poll__card + .poll__card{margin-top:clamp(20px,3vw,32px)}
.poll__step{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:#7a5d10;margin:0 0 .55rem}
.poll__sub{font-size:.95rem;color:var(--slate);margin:.6rem 0 0}

.poll__set{border:0;margin:0;padding:0;display:grid;gap:.55rem;min-width:0}
.poll__set legend{padding:0;margin:0 0 .9rem}
.poll__opt{display:flex;align-items:center;gap:.85rem;cursor:pointer;
  padding:.82rem 1rem;border:1.5px solid var(--edge);border-radius:var(--r);background:#fffdf8;
  font-weight:600;line-height:1.3;transition:border-color .15s,background .15s}
.poll__opt:hover{border-color:var(--slate)}
.poll__opt input{flex:none;width:1.15rem;height:1.15rem;margin:0;accent-color:var(--navy)}
.poll__opt:has(input:checked){border-color:var(--navy);background:#eef2f6;
  box-shadow:inset 0 0 0 1px var(--navy)}
.poll__opt:has(input:focus-visible){outline:3px solid var(--navy);outline-offset:2px}

.poll__bars{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.95rem}
.poll__rowhead{display:flex;justify-content:space-between;gap:1rem;font-weight:600;
  font-size:.95rem;line-height:1.3}
.poll__pct{font-variant-numeric:tabular-nums;color:var(--slate)}
.poll__track{height:.7rem;margin-top:.35rem;background:#e4dcc8;border-radius:99px;overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--edge)}
.poll__fill{height:100%;min-width:2px;background:linear-gradient(180deg,var(--navy-2),var(--navy));
  border-radius:99px;transition:width .6s ease}
.poll__row.is-mine .poll__fill{background:linear-gradient(180deg,#a3821d,#7a5d10)}
.poll__row.is-mine .poll__rowhead{color:#5c4508}
.poll__mine{font-weight:700;margin:.9rem 0 0}
.poll__note{font-size:.82rem;color:var(--slate);line-height:1.6;margin:1.2rem 0 0}

/* The cards are cream panels inside an .ink section, so the dark-ground form colors from
   site.css must not reach the written-answer form in here. */
.poll__card{--accent:#7a5d10}
.poll__card .field label,.poll__card .form__note{color:var(--slate)}
.poll__card:focus,.poll__card:focus-visible{outline:none;box-shadow:0 18px 40px rgba(0,0,0,.35)}

/* site.css gives .btn a display that beats the hidden attribute. */
.poll__card[hidden],.poll [hidden]{display:none}

@media (prefers-reduced-motion:reduce){
  .poll__fill,.poll__opt{transition:none}
}