/* Leaderboard and certificate call-outs */
.leaderboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;margin-top:8px}
.leaderboard-card,.leaderboard-me{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.leaderboard-tabs{display:flex;gap:8px;margin-bottom:14px}
.leaderboard-list{list-style:none;margin:0;padding:0}
.leaderboard-row{display:grid;grid-template-columns:34px 36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid #f0f2ec;border-radius:9px}
.leaderboard-row:last-child{border-bottom:0}
.leaderboard-row.is-me{background:#eef6e5;border-bottom-color:transparent}
.lb-rank{font-size:14px;font-weight:650;color:#68735c;text-align:center;font-variant-numeric:tabular-nums}
.medal{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#5b4710;background:#f5e3a3}
.top-2 .medal{background:#e3e7ea;color:#475158}.top-3 .medal{background:#f0d2b8;color:#6b3f1d}
.lb-avatar{width:32px;height:32px;font-size:12px;border-width:2px}
.lb-name{font-size:14px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.lb-name small{font-weight:500;color:#68735c}
.lb-xp{font-size:14px;color:#6d7a64;white-space:nowrap}.lb-xp strong{color:var(--ink);font-size:15px}
.leaderboard-note{font-size:13.5px;color:#6b7863;margin:14px 0 0}
.leaderboard-empty{text-align:center;padding:30px 10px;color:#6d7a64}.leaderboard-empty .icon{width:28px;height:28px;color:#8cb06e}.leaderboard-empty h2,.leaderboard-empty h3{margin:10px 0 4px;font-size:16px;color:var(--ink)}
.leaderboard-me h2{font-size:17px;margin:0 0 8px}.leaderboard-me p{font-size:14px;line-height:1.6;color:#6d7a64;margin:0 0 14px}
.lb-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
.lb-stats div{background:#f6f8f2;border-radius:10px;padding:12px}.lb-stats strong{display:block;font-size:20px;color:var(--ink)}.lb-stats span{font-size:13px;color:#68735c}
.muted-note{font-size:14px;color:#68735c;line-height:1.6}
.certificate-cta{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#fbf6e3,#eef6e5);border:1px solid #e6dfbf;border-radius:14px;padding:18px 20px;margin:16px 0}
.certificate-cta>.icon{width:30px;height:30px;color:#a07c1c;flex-shrink:0}
.certificate-cta div{flex:1;min-width:0}.certificate-cta h2,.certificate-cta h3{margin:0 0 4px;font-size:16px;color:var(--ink)}.certificate-cta p{margin:0;font-size:14px;color:#6d7a64;line-height:1.6}
.certificate-cta .button{flex-shrink:0}
.certificate-cta.has-certificate{background:#f6f8f2;border-color:var(--line)}
.community-section{margin-top:26px}
@media (max-width:900px){.leaderboard-layout{grid-template-columns:1fr}.leaderboard-me{order:-1}}
@media (max-width:600px){.certificate-cta{flex-direction:column;align-items:flex-start}.leaderboard-card,.leaderboard-me{padding:16px}.leaderboard-row{grid-template-columns:28px 32px minmax(0,1fr) auto;gap:8px}}