/* Vote-first participation / prediction challenge. Always within same-origin and local storage. */
.tp-quick{padding:45px 0;background:#e9f5e1;border-block:1px solid #cbdaca}
.tp-quick-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:25px}
.tp-quick-box{background:#fff;border:2px solid #17203b;border-radius:24px;padding:clamp(16px,3vw,28px);box-shadow:7px 8px 0 #17203b}
.tp-quick-box h3{font-size:clamp(1.25rem,3vw,1.7rem);margin:5px 0}
.tp-quick-title{font-weight:900;font-size:1.15rem}
.tp-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}
.tp-quick-actions button,.tp-reason-option{min-height:45px;border:2px solid #17203b;background:#fff;color:#17203b;border-radius:13px;padding:9px 13px;font-weight:850;cursor:pointer}
.tp-quick-actions button:first-child{background:#d7fb83}
.tp-quick-actions button:hover,.tp-reason-option:hover{background:#d7fb83}
.tp-quick-actions .primary{min-height:45px}
.tp-quick-record{background:#eef7e6;padding:16px;border:1px solid #bfd4ac;border-radius:17px;margin:14px 0}
.tp-quick-record:focus{outline:3px solid #645af9;outline-offset:2px}
.tp-reason-options{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}
.tp-reason-option[aria-pressed=true]{background:#d7fb83;border-color:#5f8342}
.tp-reason-hint{font-weight:850;font-size:.86rem;margin:0 0 8px}
.tp-quick-record .tp-quick-actions{margin-bottom:0}
.tp-vote-result{background:#f0f6e8;border:1px solid #bdd2ae;border-radius:17px;padding:16px;margin:13px 0}
.tp-vote-result h3{margin:4px 0 10px;font-size:1.2rem}
.tp-vote-result p{margin:6px 0 11px}
.tp-compare{padding:13px;border-radius:13px;background:#d7fb83;color:#17203b;font-weight:950;font-size:1.05rem;margin-bottom:9px}
.tp-compare.split{background:#ffdfc7}
.tp-prediction-stamp{font-size:.77rem;color:#46516a}
.tp-prediction-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
.tp-prediction-actions button{min-height:44px;padding:9px 13px;border:2px solid #17203b;background:#fff;color:#17203b;font-weight:900;border-radius:12px}
.tp-prediction-actions button:first-child{background:#d7fb83}
.tp-quick-source{font-size:.8rem;text-decoration:underline}
@media(max-width:750px){.tp-quick-inner{grid-template-columns:1fr}.tp-quick-actions button{flex:1 1 auto}}

.tp-predict-yes{color:#549100}.tp-predict-no{color:#b15a31}