/* toqan embed rank: everything scoped under .t-rank */
.t-rank .rk-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.t-rank .rk-note{margin:0 0 20px}
.t-rank .rk-chips .chip.rk-hard{border-color:color-mix(in srgb,var(--coral) 60%,var(--paper))}
.t-rank .rk-chips .chip.rk-hard.is-active{border-color:var(--ink)}
.t-rank .rk-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.t-rank .rk-row{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px 8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--paper);will-change:transform}
.t-rank .rk-row.is-dragging{opacity:.35}
.t-rank .rk-row.drop-before:before,.t-rank .rk-row.drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:var(--blue)}
.t-rank .rk-row.drop-before:before{top:-6px}
.t-rank .rk-row.drop-after:after{bottom:-6px}
.t-rank .rk-grip{cursor:grab;color:var(--muted);font-size:18px;line-height:1;user-select:none;text-align:center;touch-action:none}
.t-rank .rk-grip:active{cursor:grabbing}
.t-rank .rk-text{border-color:transparent;background:transparent;padding:8px 8px;text-overflow:ellipsis}
.t-rank .rk-text:hover{border-color:var(--line)}
.t-rank .rk-text:focus{border-color:var(--blue);background:var(--paper)}
.t-rank .rk-btns{display:flex;gap:4px}
.t-rank .rk-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:11px;line-height:1;transition:background .3s ease,border-color .3s ease,color .3s ease}
.t-rank .rk-btn:hover:not(:disabled){border-color:var(--ink)}
.t-rank .rk-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.t-rank .rk-btn:disabled{opacity:.3;cursor:default}
.t-rank .rk-btn[data-act=del]{font-size:16px}
.t-rank .rk-add{margin-top:10px;padding:8px 16px;border:1px dashed var(--line);border-radius:999px;background:transparent;font-size:13px;color:var(--muted);transition:border-color .3s ease,color .3s ease}
.t-rank .rk-add:hover{border-color:var(--ink);color:var(--ink)}
.t-rank .rk-orow{grid-template-columns:34px minmax(0,1fr) 44px;padding:10px 12px;min-height:60px}
.t-rank .rk-orow .result-body{gap:6px}
.t-rank .rk-orow .rank-n{color:var(--ink)}
.t-rank .rk-orow.is-first .rank-n{color:#fff}
.t-rank .rk-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.t-rank .rk-meta .score-bar{flex:1 1 90px;max-width:160px}
.t-rank .rk-meta .score-val{min-width:3.4em;text-align:left}
.t-rank .rk-orow.is-pending .rank-n,.t-rank .rk-orow.is-pending .score-val{color:var(--muted)}
.t-rank .rk-orow.is-pending .result-body b{color:var(--muted)}
.t-rank .rk-orow .move{text-align:right}
.t-rank .rk-loading{min-height:200px}
.t-rank .rk-loading .magnet-loading{min-height:200px}
.t-rank .rk-stats{margin-bottom:6px}
.t-rank .rk-stats .stat strong{font-size:26px}
.t-rank .rk-stat-note{margin:0 0 4px}
@media (max-width:760px){
  .t-rank .rk-row:not(.rk-orow){grid-template-columns:14px minmax(0,1fr);gap:4px 6px;padding:6px 8px}
  .t-rank .rk-row:not(.rk-orow) .rk-grip{grid-row:1/3}
  .t-rank .rk-row:not(.rk-orow) .rk-btns{grid-column:2;justify-content:flex-end}
  .t-rank .rk-btn{width:44px;height:44px}
  .t-rank .rk-orow{grid-template-columns:34px minmax(0,1fr) 40px}
}
@media (prefers-reduced-motion:reduce){
  .t-rank *{transition:none!important;animation:none!important}
}