/* Опрос в материале и отдельная страница его результатов. */
.poll-section{padding:30px;border:1px solid #eed5c5;border-radius:18px;background:#faf6f0}.poll-section h2{margin:6px 0 9px}.poll-intro{max-width:650px;color:var(--muted);line-height:1.55}.poll-section #poll-form{display:block}.poll-section fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0;margin:24px 0 19px;border:0}.poll-section label{display:flex;align-items:center;gap:13px;min-height:88px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper,#fff);cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.poll-section label:hover{transform:translateY(-2px);border-color:var(--orange)}.poll-section label:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 3px #f0643222}.poll-section label input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--orange)}.poll-section label span{flex:1}.poll-section label strong,.poll-section label small{display:block}.poll-section label strong{font-size:17px;color:var(--ink)}.poll-section label small{margin-top:3px;color:var(--muted);font-size:13px;line-height:1.35}.poll-section label i{width:13px;height:13px;border-radius:50%;background:var(--orange);opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}.poll-section label:has(input:checked) i{opacity:1;transform:scale(1)}.poll-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.poll-actions a{color:var(--blue);font-weight:700;text-decoration:none}.poll-actions a:hover{color:var(--orange)}.poll-section #poll-status{min-height:1.4em;margin:13px 0 0;color:var(--muted);font-size:14px}
.poll-results-hero{display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:310px;margin-top:20px;padding:42px clamp(24px,5vw,65px);border-radius:18px;background:linear-gradient(116deg,#f0e7dc,#f8f5ef 68%,#e7d4c5);overflow:hidden}.poll-results-hero>div:first-child{max-width:750px}.poll-results-hero h1{margin:14px 0 12px;font-size:clamp(36px,4vw,60px);line-height:1.08;letter-spacing:-.04em}.poll-results-hero p:not(.eyebrow){max-width:590px;font-size:18px;color:#4c5558}.poll-results-hero a{display:inline-block;margin-top:13px;color:#925026;font-weight:800;text-decoration:none}.poll-results-total{display:grid;place-items:center;align-content:center;min-width:190px;width:220px;height:220px;flex:none;border:1px solid #e5c7b0;border-radius:50%;background:#fffbf5b8;color:#282e30;box-shadow:0 18px 35px #8b55311c}.poll-results-total strong{font-size:62px;line-height:1}.poll-results-total span{font-weight:800}.poll-results-total svg{width:95px;height:50px;margin-top:7px;fill:none;stroke:#f06432;stroke-width:5;stroke-linecap:round}
.poll-results-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;margin-top:34px;margin-bottom:75px}.poll-results-board,.poll-results-aside{padding:clamp(23px,3vw,39px);border:1px solid var(--line);border-radius:16px;background:var(--paper,#fff)}.poll-results-heading h2{margin:7px 0}.poll-results-heading p{max-width:610px;color:var(--muted);line-height:1.55}.poll-results-list{display:grid;gap:13px;list-style:none;padding:0;margin:27px 0 0}.poll-results-item{padding:19px 21px;border:1px solid var(--line);border-radius:11px;background:var(--paper,#fff)}.poll-results-item.is-mine{border-color:var(--orange);background:#fff8f2}.poll-results-row{display:grid;grid-template-columns:32px 1fr auto;gap:14px;align-items:center}.poll-results-rank{font-weight:800;color:var(--orange);font-size:20px}.poll-results-row strong,.poll-results-row small{display:block}.poll-results-row strong{color:var(--ink);font-size:19px}.poll-results-row small{margin-top:3px;color:var(--muted)}.poll-results-row b{font-size:23px;color:var(--ink)}.poll-results-track{height:9px;margin:17px 0 9px;border-radius:9px;background:#e6e5e1;overflow:hidden}.poll-results-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef6938,#ffab6f);transition:width .6s ease}.poll-results-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.poll-results-foot em{font-style:normal;color:#c75226;font-weight:800}.poll-results-aside{position:sticky;top:20px;background:#252d30;color:#f7f5f1}.poll-results-aside .eyebrow{color:#ffa478}.poll-results-aside h2{margin:14px 0;color:#fff;font-size:30px}.poll-results-aside p{line-height:1.6;color:#d9dfde}.poll-results-aside .poll-results-confirm{padding-top:16px;border-top:1px solid #ffffff39}.poll-results-aside .button{margin-top:14px;text-decoration:none}.poll-results-back{display:block;margin-top:21px;color:#f5c6aa;text-decoration:none;font-weight:700}
html[data-theme=dark] .poll-results-hero{background:linear-gradient(120deg,#303638,#393330);color:#fff}html[data-theme=dark] .poll-results-hero h1,html[data-theme=dark] .poll-results-hero p:not(.eyebrow){color:#f2efea}html[data-theme=dark] .poll-results-total{background:#2b3031;border-color:#5c4b42;color:#fff}html[data-theme=dark] .poll-results-board,html[data-theme=dark] .poll-results-item{background:var(--paper);border-color:var(--line)}html[data-theme=dark] .poll-results-item.is-mine{background:#40312b;border-color:var(--orange)}
@media(max-width:900px){.poll-results-layout{grid-template-columns:1fr}.poll-results-aside{position:static}.poll-results-total{width:170px;height:170px;min-width:170px}.poll-results-total strong{font-size:47px}}
@media(max-width:650px){.poll-section fieldset{grid-template-columns:1fr}.poll-results-hero{align-items:flex-start;flex-direction:column;gap:22px;min-height:0;padding:28px}.poll-results-total{width:130px;height:130px;min-width:130px;align-self:flex-end}.poll-results-total strong{font-size:38px}.poll-results-total svg{display:none}.poll-results-row{gap:8px}.poll-results-row strong{font-size:16px}.poll-results-row b{font-size:18px}}
@media(max-width:650px){.poll-section{padding:20px 16px}.poll-section fieldset{margin:18px 0 16px}.poll-section label{min-height:75px;padding:12px}.poll-results-item{padding:15px}.poll-results-board,.poll-results-aside{padding:20px}.poll-results-hero h1{overflow-wrap:anywhere}}
