/* Shared small preference survey for legacy EXP and V2 pages. */
.exp-poll{
  --exp-vote-bg:rgba(16,31,48,.90);
  --exp-vote-surface:rgba(34,58,81,.52);
  --exp-vote-edge:rgba(140,178,211,.23);
  --exp-vote-text:#eaf3fc;
  --exp-vote-muted:#9db2c6;
  --exp-vote-active:#5fa9da;
  --exp-vote-active-bg:rgba(72,132,177,.23);
  display:grid;grid-template-columns:minmax(220px,1fr) auto;
  gap:8px 18px;align-items:center;
  padding:13px 17px;margin:0 0 15px;
  background:var(--exp-vote-bg);border:1px solid var(--exp-vote-edge);
  border-radius:14px;color:var(--exp-vote-text);
  font:inherit;font-size:13px;line-height:1.45;
  box-shadow:0 8px 26px rgba(0,10,24,.08);
}
.exp-poll,.exp-poll *{box-sizing:border-box}
.exp-poll-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 11px;min-width:0}
.exp-poll-title strong{font-size:13px;letter-spacing:-.025em;font-weight:760}
.exp-poll-title small{font-size:11px;color:var(--exp-vote-muted);font-weight:450}
.exp-poll-choices{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.exp-poll-choices button{
  appearance:none;-webkit-appearance:none;cursor:pointer;
  min-width:142px;min-height:39px;padding:8px 13px;
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  background:var(--exp-vote-surface);border:1px solid var(--exp-vote-edge);
  border-radius:10px;color:var(--exp-vote-text);
  font:inherit;font-size:12px;font-weight:730;line-height:1.25;
  transition:background .15s,border-color .15s;
}
.exp-poll-choices button:hover:not(:disabled){background:var(--exp-vote-active-bg);border-color:var(--exp-vote-active)}
.exp-poll-choices button:focus-visible,.exp-poll-extra a:focus-visible{outline:2px solid var(--exp-vote-active);outline-offset:2px}
.exp-poll-choices button[aria-pressed="true"]{background:var(--exp-vote-active-bg);border-color:var(--exp-vote-active);color:var(--exp-vote-text);box-shadow:0 0 0 1px var(--exp-vote-active) inset}
.exp-poll-choices button[aria-pressed="true"]:before{content:"✓";font-size:13px;color:var(--exp-vote-active);font-weight:800}
.exp-poll-choices button:disabled{opacity:.63;cursor:wait}
.exp-poll-extra{display:flex;align-items:center;gap:7px 14px;flex-wrap:wrap;grid-column:1/-1;font-size:11px;color:var(--exp-vote-muted)}
.exp-poll-extra a{color:var(--exp-vote-active);font-weight:720;text-decoration:underline;text-underline-offset:2px}
.exp-poll-tally{font-variant-numeric:tabular-nums;font-weight:620}
.exp-poll-note{color:var(--exp-vote-muted);font-size:10.5px}
.exp-poll[data-poll-failed] .exp-poll-note{color:#f2b997}
body.light .exp-poll,
html[data-preview-color-theme="white"] .exp-poll,
html[data-preview-color-theme="pink"] .exp-poll,
html[data-preview-color-theme="yellow"] .exp-poll,
html[data-preview-color-theme="green"] .exp-poll{
  --exp-vote-bg:rgba(255,255,255,.84);
  --exp-vote-surface:rgba(220,230,240,.46);
  --exp-vote-edge:rgba(103,129,150,.25);
  --exp-vote-text:#273c4e;
  --exp-vote-muted:#687b8c;
  --exp-vote-active:#326f9c;
  --exp-vote-active-bg:rgba(91,144,190,.13);
  box-shadow:0 4px 15px rgba(20,40,60,.05);
}
html[data-preview-color-theme="pink"] .exp-poll{--exp-vote-active:#b95a85;--exp-vote-active-bg:rgba(198,104,148,.13);--exp-vote-text:#4b3444}
html[data-preview-color-theme="yellow"] .exp-poll{--exp-vote-active:#986d20;--exp-vote-active-bg:rgba(191,148,60,.15);--exp-vote-text:#4d412d}
html[data-preview-color-theme="green"] .exp-poll{--exp-vote-active:#2e8563;--exp-vote-active-bg:rgba(60,147,105,.12);--exp-vote-text:#234937}
@media(max-width:900px){
  .exp-poll{grid-template-columns:1fr;gap:10px;padding:12px 13px}
  .exp-poll-choices{width:100%;justify-content:stretch}
  .exp-poll-choices button{min-width:0;flex:1;font-size:12px;padding:9px 6px}
}
@media(max-width:540px){
  .exp-poll-title strong{font-size:12px}
  .exp-poll-title small{font-size:10.5px}
  .exp-poll-extra{font-size:10px;gap:5px 10px}
  .exp-poll-note{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.exp-poll-choices button{transition:none}}