/* One identity palette, based on Hydro's RP-derived LV (0–10). */
:is(.uname--lv0,.uname--lv1){--user-level-color:#596777}
:is(.uname--lv2,.uname--lv3){--user-level-color:#267151}
:is(.uname--lv4,.uname--lv5){--user-level-color:#285dae}
:is(.uname--lv6,.uname--lv7){--user-level-color:#7a43ae}
:is(.uname--lv8,.uname--lv9){--user-level-color:#985012}
.uname--lv10{--user-level-color:#b53547}
html.theme--dark :is(.uname--lv0,.uname--lv1){--user-level-color:#b8c5d5}
html.theme--dark :is(.uname--lv2,.uname--lv3){--user-level-color:#90d3ac}
html.theme--dark :is(.uname--lv4,.uname--lv5){--user-level-color:#9bbffc}
html.theme--dark :is(.uname--lv6,.uname--lv7){--user-level-color:#d0b3f2}
html.theme--dark :is(.uname--lv8,.uname--lv9){--user-level-color:#ecc38c}
html.theme--dark .uname--lv10{--user-level-color:#f2b0b8}
/* Override page-specific name colors, including hover/visited, but never scores. */
html.hydro-refined :is(.user-profile-name,.user-id-name,.user-level-badge)[class*="uname--lv"]{color:var(--user-level-color,var(--ref-ink))!important}
html.hydro-refined a.user-profile-name[class*="uname--lv"]:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:3px}
html.hydro-refined .user-level-badge{display:inline-flex;align-items:center;vertical-align:middle;white-space:nowrap;font-size:11px;font-weight:600;line-height:18px;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--user-level-color) 9%,transparent);border:1px solid color-mix(in srgb,var(--user-level-color) 18%,transparent)}
html.hydro-refined .learning-profile-name h1>.user-level-badge{margin-left:10px}
html.hydro-refined .learning-profile-name .learning-muted>.user-id-name{margin-left:0}
html.hydro-refined .learning-welcome h2{display:flex;align-items:center;gap:6px;white-space:nowrap}
html.hydro-refined .learning-welcome .dyoj-greeting-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
html.hydro-refined .learning-welcome h2>.user-level-badge{flex-shrink:0}
html.hydro-refined .course-rank-name.user-id-name{font-weight:550}
