.op-ft{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.op-ft>*{min-width:0}
.op-ft-head h2{margin-bottom:0}
.op-ft-sub{color:var(--op-ink2);font-size:15px;margin:10px 0 0;max-width:44ch}
.op-ft-card{background:#fff;border:1px solid var(--op-line);border-radius:18px;padding:16px;display:grid;gap:18px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.op-ft-lab{display:flex;align-items:center;gap:8px;font:800 13px var(--op-d);color:var(--op-ink);margin-bottom:10px}
.op-ft-lab b{width:20px;height:20px;border-radius:6px;background:var(--op-ink);color:#fff;display:grid;place-items:center;font-size:11px}
.op-ft-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.op-ft-tabs button{flex:0 0 auto;border:0;background:var(--op-soft);color:var(--op-ink2);padding:8px 12px;border-radius:999px;font:700 12px/1 var(--op-d);cursor:pointer;transition:all .2s}
.op-ft-tabs button.on{background:var(--op-ink);color:#fff}
.op-ft-chips{display:none;flex-wrap:wrap;gap:6px}
.op-ft-chips.on{display:flex;animation:op-ftf .3s ease}
@keyframes op-ftf{from{opacity:0;transform:translateY(4px)}}
.op-ft-chips button{border:1.5px solid var(--op-line);background:#fff;color:var(--op-ink);padding:9px 12px;border-radius:10px;font:600 13px/1.1 var(--op-b);cursor:pointer;transition:all .18s}
.op-ft-chips button:hover{border-color:var(--op-ink)}
.op-ft-chips button.on{border-color:var(--op-accent);background:#fff4ef;color:var(--op-ink);box-shadow:0 0 0 1px var(--op-accent) inset}
.op-ft-res{background:var(--op-ink);color:#fff;border-radius:18px;padding:16px;display:grid;gap:14px}
.op-ft-top{display:flex;align-items:center;gap:10px}
.op-ft-top b{font:800 17px/1.2 var(--op-d);letter-spacing:-.01em}
.op-ft-badge{flex:0 0 auto;background:#1a8f4a;color:#fff;font:800 11px/1 var(--op-d);letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;border-radius:8px;transition:background .3s}
.op-ft-res.part .op-ft-badge{background:#e39b1a}.op-ft-res.none .op-ft-badge{background:#555}
.op-ft-row{display:grid;gap:6px}
.op-ft-rt{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.op-ft-rt span{color:#9a9a9a;text-transform:uppercase;letter-spacing:.08em;font:700 10.5px var(--op-d)}
.op-ft-rt em{font-style:normal;color:#fff;font-weight:600;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.op-ft-bar{height:8px;border-radius:99px;background:#262626;overflow:hidden}
.op-ft-bar i{display:block;height:100%;width:50%;border-radius:99px;background:linear-gradient(90deg,#1a8f4a,#2fd36b);transition:width .5s cubic-bezier(.2,.7,.2,1),background .3s}
.op-ft-res.pno [data-pbar],.op-ft-res.bno [data-bbar]{background:linear-gradient(90deg,#8a2a12,var(--op-accent))}
.op-ft-row small{font-size:12.5px;line-height:1.4;color:#c9c9c9}
@media (min-width:900px){.op-ft{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:40px;align-items:start}.op-ft-head{grid-column:1/-1}.op-ft-res{position:sticky;top:100px;padding:22px}.op-ft-card{padding:22px}.op-ft-tabs{margin:0 0 10px;padding:0}}