/* Ranking — Stage 4 owner */
.rank-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;border-top:1px solid var(--pb-color-border-subtle,#202920);border-bottom:1px solid var(--pb-color-border-subtle,#202920)}
.rank-overview>div{min-width:0;padding:13px 16px;border-right:1px solid var(--pb-color-border-subtle,#202920)}
.rank-overview>div:first-child{padding-left:2px}.rank-overview>div:last-child{border-right:0}
.rank-overview span{display:block;color:var(--pb-color-text-muted,#808b83);font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
.rank-overview strong{display:block;margin-top:5px;font-size:19px;font-weight:800;letter-spacing:-.02em}
.rank-overview .is-self strong{color:var(--pb-color-accent-foreground,#b7ff19)}
.rank-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start;margin-top:16px}
.rank-board{min-width:0}
.rank-podium{border-top:1px solid var(--pb-color-border-subtle,#202920)}
.rank-podium-row,.rank-row{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) minmax(110px,auto);gap:11px;align-items:center;text-decoration:none;border-bottom:1px solid var(--pb-color-border-subtle,#202920);color:inherit;transition:background var(--pb-motion-fast,120ms) var(--pb-ease-out)}
.rank-podium-row{min-height:76px;padding:10px 8px}.rank-row{min-height:68px;padding:8px}
.rank-podium-row:hover,.rank-row:hover{background:color-mix(in srgb,var(--pb-color-surface-hover,#1d271f) 48%,transparent)}
.rank-podium-row.is-me,.rank-row.is-me{box-shadow:inset 2px 0 0 var(--pb-color-accent-foreground,#b7ff19);background:var(--pb-color-accent-soft,rgba(183,255,25,.1))}
.rank-number{width:38px;height:34px;display:grid;place-items:center;border-radius:var(--pb-radius-sm,8px);background:var(--pb-color-surface-1,#0c100d);color:var(--pb-color-text-muted,#808b83);font:700 11px/1 var(--pb-font-mono)}
.rank-place-1 .rank-number{color:var(--pb-color-warning,#ffc857)}
.rank-place-2 .rank-number{color:var(--pb-color-text-secondary,#a5b0a7)}
.rank-place-3 .rank-number{color:#c99068}
.rank-value{min-width:96px;text-align:right}
.rank-value strong{display:block;color:var(--pb-color-text-primary,#f1f6f1);font-size:13px;font-weight:800;white-space:nowrap}
.rank-value small{display:block;margin-top:3px;color:var(--pb-color-text-muted,#808b83);font-size:9px}
.rank-value .cp-progress-track{display:block;width:92px;margin:6px 0 0 auto}
.rank-context{position:sticky;top:calc(var(--pb-topbar-h,56px) + 18px);border-left:1px solid var(--pb-color-border-subtle,#202920)}
.rank-context-block{padding:5px 0 18px 18px;border-bottom:1px solid var(--pb-color-border-subtle,#202920)}
.rank-context-block+.rank-context-block{padding-top:18px}
.rank-context-label{display:block;color:var(--pb-color-text-muted,#808b83);font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
.rank-context-block strong{display:block;margin-top:6px;font-size:15px;font-weight:780}
.rank-context-block p{margin:6px 0 0;color:var(--pb-color-text-secondary,#a5b0a7);font-size:11px;line-height:1.5}
.rank-context-block .cp-action{margin-top:12px}
.rank-pagination{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--pb-color-border-subtle,#202920)}
.rank-pagination>a{min-height:38px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;color:var(--pb-color-text-secondary,#a5b0a7);text-decoration:none;font-size:11px;font-weight:650}
.rank-pagination>a:hover{color:var(--pb-color-text-primary,#f1f6f1)}
.rank-pagination>span{color:var(--pb-color-text-muted,#808b83);font-size:10px}
@media(max-width:1120px){.rank-workspace{grid-template-columns:minmax(0,1fr) 220px}.rank-context{font-size:11px}}
@media(max-width:760px){
  .rank-overview{grid-template-columns:repeat(3,1fr)}
  .rank-overview>div{padding:10px 8px}.rank-overview>div:first-child{padding-left:0}
  .rank-overview span{font-size:7px}.rank-overview strong{font-size:15px}
  .rank-workspace{display:block;margin-top:12px}.rank-context{position:static;margin-top:16px;border-left:0;border-top:1px solid var(--pb-color-border-subtle,#202920)}
  .rank-context-block{padding:14px 0;border-bottom:1px solid var(--pb-color-border-subtle,#202920)}
  .rank-podium-row,.rank-row{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:9px 2px}
  .rank-number{width:34px;height:32px}
  .rank-value{grid-column:2;text-align:left;display:flex;align-items:center;gap:7px;margin-top:-3px}
  .rank-value strong{font-size:11px}.rank-value small{margin:0}.rank-value .cp-progress-track{flex:1;max-width:120px;margin:0}
  .rank-podium-row .cp-user-avatar{width:46px;height:46px}
}
@media(prefers-reduced-motion:reduce){.rank-podium-row,.rank-row{transition:none}}

/* Ranking metric control keeps its label optically centered at every viewport. */
body[data-pb-full-page="ranking"] .cp-head-actions .cp-segmented{
  height:42px;
  min-height:42px;
  align-items:stretch;
}
body[data-pb-full-page="ranking"] .cp-head-actions .cp-segmented a{
  height:100%;
  min-height:0;
  padding-block:0;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
@media(max-width:600px){
  body[data-pb-full-page="ranking"] .cp-head-actions .cp-segmented{
    height:44px;
    min-height:44px;
  }
}