/* Selected two-column status draft: shared heading, track and caption rows. */
.rank-strip{padding:12px;gap:8px;font-size:11px;}
.rs-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;}
.rs-rank-stat,.sticky-level{display:grid;grid-template-rows:auto 4px auto;align-content:start;gap:7px;min-width:0;}
.rs-heading,.sticky-level-heading{min-height:22px;}
.rank-strip .rs-heading{align-items:baseline;gap:4px 6px;flex-wrap:nowrap;}
.rank-strip .rs-identity{gap:4px;font-family:'DM Sans',sans-serif;color:var(--rank);font-weight:700;}
.rank-strip .rs-caption,.rank-strip .rs-rank{font-size:16px;line-height:1.3;}
.rank-strip .rs-pct{flex-shrink:0;}
.rank-strip .rs-track{height:4px;}
.rank-strip .rs-num{margin-left:0;font-size:10px;}
.rank-strip .rs-num b{font-size:10px;font-weight:400;color:var(--muted);letter-spacing:normal;}
.rank-strip #stickyLevelNext{font-size:10px;}
/* The hero retains target details; expose them here to assistive tech and on hover. */
.rank-strip > .rs-next{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.rank-strip.has-rank-lock > .rs-next{position:relative;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;text-align:left;}
.rank-strip .rs-float{right:auto;left:12px;top:40px;}
.rank-strip > .today{margin-top:2px;padding-top:9px;font-size:11px;}
.rank-strip .completion-boxes{gap:5px;}
.sticky-level-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-variant-numeric:tabular-nums;}
.sticky-level-heading b{color:var(--text);font-weight:600;}
.sticky-level-track{display:block;height:4px;overflow:hidden;border-radius:99px;background:rgba(167,157,243,.12);}
.sticky-level-fill{display:block;height:100%;border-radius:inherit;background:rgba(167,157,243,.8);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease-out;}
@media(prefers-reduced-motion:reduce){.sticky-level-fill{transition:none;}}