.rankings-page{padding-top:64px;padding-bottom:80px;max-width:1080px}.rankings-intro{margin-bottom:38px}.rankings-intro h1{font-family:var(--font-display);font-size:clamp(2.6rem,5vw,4rem);margin:10px 0 14px}.rankings-intro>p:last-child{color:var(--ink-soft);font-size:1.05rem}.rank-participation{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;background:#edf0e9;border-radius:14px;margin-bottom:24px}.rank-participation p{font-size:.85rem;color:var(--ink-soft);margin-top:5px}.ranking-table{border:1px solid var(--border-light);border-radius:16px;overflow:hidden;background:var(--surface)}.ranking-row,.ranking-heading{display:grid;grid-template-columns:55px minmax(160px,1fr) 100px 110px 110px;gap:16px;align-items:center;padding:18px 24px}.ranking-heading{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);background:#f4f3ef}.ranking-row+.ranking-row{border-top:1px solid var(--border-light)}.ranking-row.is-me{background:#f6f7ef}.ranking-place{font-family:var(--font-display);font-size:1.4rem}.ranking-learner{display:flex;align-items:center;gap:14px;min-width:0}.ranking-learner strong{overflow-wrap:anywhere}.ranking-learner small{display:block;color:var(--ink-muted);margin-top:3px}.ranking-row small{font-size:.75rem;color:var(--ink-muted)}.growth-icon{width:48px;height:48px;flex-shrink:0}.nav-user-avatar .growth-icon{width:32px;height:32px}.profile-avatar .growth-icon{width:64px;height:64px}.nav-user>span{max-width:160px;overflow:hidden;text-overflow:ellipsis}.rank-empty{padding:48px 24px;text-align:center;background:var(--surface);border:1px solid var(--border-light);border-radius:16px}.rank-empty h2{font-family:var(--font-display);font-size:1.6rem}.rank-empty p{color:var(--ink-soft);margin:12px auto 22px;max-width:480px}.rank-explainer{margin-top:50px;border-top:1px solid var(--border-light);padding-top:34px}.rank-explainer h2{font-family:var(--font-display);font-size:1.6rem}.rank-explainer>p{color:var(--ink-soft);font-size:.86rem;line-height:1.8;max-width:760px}.growth-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 12px;max-width:650px}.growth-step{display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px 8px 16px;border:1px solid var(--border-light);border-radius:14px}.growth-step.current{background:#eef1e8;border-color:#adb7a2}.growth-step .growth-icon{width:60px;height:60px}.growth-step span,.growth-step small{font-size:.75rem;color:var(--ink-muted)}.growth-step small{color:#52614f;font-weight:600}.growth-note{font-size:.82rem;color:var(--ink-soft);margin:12px 0}.identity-settings{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;padding:24px;margin-bottom:24px}.identity-settings h3{font-family:var(--font-display);font-size:1.3rem}.identity-settings>p{color:var(--ink-soft);font-size:.86rem;margin:8px 0 20px}.rank-checkbox{display:flex;gap:12px;align-items:flex-start;margin:20px 0;font-size:.9rem;cursor:pointer}.rank-checkbox input{width:18px;height:18px;margin-top:3px;accent-color:#52614f;flex-shrink:0}.rank-checkbox small{display:block;font-size:.78rem;line-height:1.6;color:var(--ink-soft);margin-top:4px}.field-help{font-size:.75rem;color:var(--ink-muted);margin-top:8px}#identity-status{margin-top:12px;font-size:.85rem}.signup-domain-note{font-size:.8rem;color:var(--ink-soft);margin:8px 0 18px}@media(max-width:650px){.rankings-page{padding-top:38px}.rank-participation{align-items:flex-start;flex-direction:column;padding:20px}.ranking-heading{display:none}.ranking-row{grid-template-columns:28px 1fr 1fr 1fr;padding:18px 16px;gap:12px}.ranking-place{grid-row:1/3}.ranking-learner{grid-column:2/5}.ranking-row>[data-label]{font-size:.85rem}.ranking-row>[data-label]:before{content:attr(data-label);display:block;font-size:.65rem;color:var(--ink-muted);margin-bottom:5px}.growth-journey{gap:8px}.growth-step{padding:16px 4px}.growth-step span{font-size:.67rem}.profile-card{flex-wrap:wrap}.identity-settings{padding:20px}}

.rankings-page{padding-top:calc(var(--nav-h) + 40px)}@media(max-width:829px){.rankings-page{padding-top:calc(var(--nav-h) + 32px)}}