/* Опрос внутри статьи. Пастельно, в тон карточкам «Берите, если»: мятная подложка,
   зелёная рамка, без ярких заливок и без единого значка-эмодзи. */
.tp-poll{
  margin:28px 0;padding:20px 22px;border:1px solid var(--green-b);
  border-radius:var(--radius);background:var(--green-bg);
}
/* 🔴 Обязательная строка, без неё модуль тихо ломается. Браузер прячет [hidden]
   правилом display:none из своей таблицы стилей, но у неё НУЛЕВАЯ специфичность:
   наши .tp-poll-opts{display:flex} и .tp-poll-free{display:flex} её перебивают.
   Итог был такой: после голоса кнопки оставались на месте, а поле ввода заявки
   торчало ещё до ответа «да». Поймано приёмкой кликом (ops/poll_clicktest.py). */
.tp-poll [hidden]{display:none}

.tp-poll-q{font-weight:700;font-size:1.06rem;line-height:1.4;color:var(--ink)}
.tp-poll-note{margin-top:6px;font-size:.86rem;color:var(--soft)}

.tp-poll-opts{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.tp-poll-opt{
  display:block;width:100%;text-align:left;cursor:pointer;
  padding:11px 14px;border:1px solid var(--green-b);border-radius:10px;
  background:#fff;color:var(--ink);font:inherit;font-size:.97rem;line-height:1.4;
  transition:border-color .15s,background .15s;
}
.tp-poll-opt:hover{border-color:var(--accent);background:#fbfffd}
.tp-poll-opt[aria-pressed="true"]{border-color:var(--accent);background:#fff;
  box-shadow:inset 0 0 0 1px var(--accent)}

.tp-poll-send,.tp-poll-free-send{
  margin-top:12px;padding:10px 18px;border:0;border-radius:10px;cursor:pointer;
  background:var(--accent);color:#fff;font:inherit;font-weight:600;font-size:.95rem;
}
.tp-poll-send:hover,.tp-poll-free-send:hover{background:var(--accent-d)}
.tp-poll-send[disabled],.tp-poll-free-send[disabled]{background:var(--muted);cursor:default}

.tp-poll-free{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.tp-poll-input{
  flex:1 1 260px;min-width:0;padding:10px 13px;font:inherit;font-size:.95rem;
  border:1px solid var(--green-b);border-radius:10px;background:#fff;outline:none;
}
.tp-poll-input:focus{border-color:var(--accent)}
.tp-poll-free .tp-poll-note{flex:1 1 100%;margin-top:0}
.tp-poll-free-send{margin-top:0}

/* ---- итоги ---- */
.tp-poll-res{margin-top:14px}
.tp-poll-row{
  position:relative;overflow:hidden;margin-bottom:7px;padding:10px 14px;
  border:1px solid var(--green-b);border-radius:10px;background:#fff;
  display:flex;align-items:center;gap:12px;
}
.tp-poll-bar{
  position:absolute;left:0;top:0;bottom:0;background:#d7f0e4;
  width:0;transition:width .45s ease;
}
.tp-poll-lab{position:relative;flex:1;font-size:.95rem;line-height:1.35;min-width:0}
.tp-poll-pc{position:relative;font-weight:700;font-size:.95rem;color:var(--accent-d);
  flex:0 0 auto;font-variant-numeric:tabular-nums}
.tp-poll-row.is-mine .tp-poll-lab{font-weight:700}
.tp-poll-total{margin-top:10px;font-size:.86rem;color:var(--soft)}

@media(max-width:560px){
  .tp-poll{padding:16px 15px;margin:22px 0}
  .tp-poll-q{font-size:1rem}
  .tp-poll-opt{padding:10px 12px;font-size:.94rem}
}

/* Опрос «помогла статья» в конце: тот же язык, но тише — он служебный и не должен
   спорить с тематическим опросом в середине текста. */
.tp-poll-small{background:var(--bg2);border-color:var(--line2);padding:16px 18px}
.tp-poll-small .tp-poll-q{font-size:.98rem}
.tp-poll-small .tp-poll-opts{flex-direction:row;flex-wrap:wrap;gap:8px}
.tp-poll-small .tp-poll-opt{width:auto;flex:0 1 auto;border-color:var(--line2);padding:9px 16px}
.tp-poll-small .tp-poll-row{border-color:var(--line2)}
.tp-poll-small .tp-poll-bar{background:#e4e7ec}
@media(max-width:560px){ .tp-poll-small .tp-poll-opt{flex:1 1 100%} }