/* Leaderboard is a main-menu destination, sharing Basecamp's shell and tokens. */
#menu-root #home-leaderboard{box-sizing:border-box;width:100%;min-width:0;overflow:auto;padding:clamp(24px,4vw,48px);color:var(--cl-ink,#f4f3e7)}
#home-leaderboard .section-heading{margin:0 0 26px;max-width:680px}
#home-leaderboard .section-heading .eyebrow{display:block;font-size:9px;letter-spacing:.18em;color:var(--cl-sage,#afe2ba);margin:0 0 10px}
#home-leaderboard .section-heading h2{margin:0 0 10px;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;line-height:1.1;color:var(--cl-ink)}
#home-leaderboard .section-heading p{margin:0;color:var(--cl-muted);font-size:13px;line-height:1.6}
#menu-root #home-leaderboard .leaderboard-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 16px;max-width:900px}
#menu-root #home-leaderboard select,#menu-root #home-leaderboard button{box-sizing:border-box;min-height:44px;margin:0;padding:11px 14px;font:inherit;font-size:12px;font-weight:600;line-height:1.3;border:1px solid var(--cl-line,#405a49);border-radius:12px;background:var(--cl-input,#182e25);color:var(--cl-ink)}
#menu-root #home-leaderboard select{width:100%;min-width:0;font-size:13px}
#menu-root #home-leaderboard .leaderboard-controls button{width:36px;min-height:36px;padding:0;border-radius:10px;font-size:20px;color:var(--cl-sage);background:transparent;border:1px solid var(--cl-line)}
#home-leaderboard .leaderboard-ranking{font-size:12px;font-weight:600;color:var(--cl-muted)}
#home-leaderboard .leaderboard-mine{max-width:900px;margin:0 0 18px;padding:16px 18px;background:#afe2ba10;border:1px solid #afe2ba30;border-radius:14px;font-size:13px;font-weight:600;color:var(--cl-sage);line-height:1.5}
#home-leaderboard .leaderboard-mine:empty{display:none}
#home-leaderboard .leaderboard-status{margin:0 0 14px;color:var(--cl-muted);font-size:11px;line-height:1.5}
#home-leaderboard .leaderboard-status a{color:var(--cl-accent)}
#home-leaderboard .leaderboard-columns,#home-leaderboard .leaderboard-list li{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center}
#home-leaderboard .leaderboard-columns{max-width:900px;padding:0 16px 10px;border-bottom:1px solid #ffffff22;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--cl-muted)}
#home-leaderboard .leaderboard-list{list-style:none;max-width:900px;margin:0;padding:0}
#home-leaderboard .leaderboard-list li{min-height:62px;margin:0;padding:13px 16px;border-bottom:1px solid #ffffff12;font-size:14px;border-radius:0}
#home-leaderboard .leaderboard-list li[data-you=true]{background:#afe2ba10;box-shadow:inset 3px 0 var(--cl-sage);border-radius:6px}
#home-leaderboard .leaderboard-list li>span{color:var(--cl-muted);font-variant-numeric:tabular-nums}
#home-leaderboard .leaderboard-list li[data-rank='1']>span,#home-leaderboard .leaderboard-list li[data-rank='2']>span,#home-leaderboard .leaderboard-list li[data-rank='3']>span{color:var(--cl-accent);font-size:18px;font-weight:750}
#home-leaderboard .leaderboard-list a{display:flex;align-items:center;min-height:36px;color:var(--cl-ink);text-decoration:none;overflow-wrap:anywhere;min-width:0}
#home-leaderboard .leaderboard-list a:hover{color:var(--cl-accent)}
#home-leaderboard .leaderboard-list strong{color:var(--cl-accent);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
#home-leaderboard .leaderboard-rules{max-width:760px;margin:22px 0 0;color:var(--cl-muted);font-size:11px;line-height:1.6}
#home-leaderboard .leaderboard-rules summary{display:flex;align-items:center;min-height:44px;cursor:pointer;list-style:none;color:var(--cl-sage)}
#home-leaderboard .leaderboard-rules summary:after{content:'⌄';margin-left:10px}
#home-leaderboard .leaderboard-rules[open] summary:after{transform:rotate(180deg)}
#home-leaderboard .leaderboard-note{margin:0 0 12px}
#home-leaderboard :focus-visible{outline:2px solid var(--cl-accent);outline-offset:3px}
@media(max-width:650px){
 #menu-root #home-leaderboard{padding:24px 18px}
 #home-leaderboard .section-heading{margin-bottom:22px}
 #menu-root #home-leaderboard .leaderboard-controls{grid-template-columns:minmax(0,1fr) auto}
 #home-leaderboard .leaderboard-columns,#home-leaderboard .leaderboard-list li{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding-left:10px;padding-right:10px}
 #home-leaderboard .leaderboard-list li{font-size:12px}
 #home-leaderboard .leaderboard-list strong{font-size:11px}
 #home-leaderboard .leaderboard-mine{padding:12px 14px;font-size:12px}
}
@media(max-height:480px) and (min-width:651px){#menu-root #home-leaderboard{padding:20px 24px}#home-leaderboard .section-heading{margin-bottom:18px}#home-leaderboard .section-heading h2{font-size:32px}}