.relationship-sort { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
#studio-console .relationship-sort button { min-width:0; min-height:38px; padding:7px 5px; font-size:12px; }
.ranking-sort-note { margin:7px 0 0; color:#aaa092; font-size:11px; line-height:1.7; overflow-wrap:anywhere; }
.ranking-summary { max-width:820px; margin:0 auto 12px; padding:8px 5px 14px; border-bottom:1px solid #dac29924; }
.ranking-summary-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ranking-summary h3 { margin:0; color:#f0e5d3; font:500 17px/1.5 var(--font-ui); }
.ranking-summary-heading > span { color:#aaa69f; font-size:11px; text-align:right; }
.ranking-summary-heading > span[data-partial="true"] { color:#ddb783; }
.ranking-summary > p { margin:5px 0 0; color:#b1a696; font-size:11px; line-height:1.65; overflow-wrap:anywhere; }
.ranking-summary #ranking-record-dates { color:#938d85; }
.ranking-summary .ranking-boundary { color:#928c84; }
.ranking-sources { display:flex; flex-wrap:wrap; gap:5px 16px; margin-top:8px; }
.ranking-sources span { color:#b5beb4; font-size:11px; }
.ranking-sources span::before { content:""; display:inline-block; width:5px; height:5px; margin-right:6px; background:#8aa68a; border-radius:50%; vertical-align:middle; }
.ranking-sources [data-state="partial"] { color:#d3b286; }
.ranking-sources [data-state="partial"]::before { background:#d3b286; }
.ranking-sources [data-state="failed"] { color:#d89591; }
.ranking-sources [data-state="failed"]::before { background:#d89591; }
#studio-workspace #relationship-list button { grid-template-columns:34px 48px minmax(0,1fr) 100px 16px; gap:14px; min-height:88px; border-radius:6px; }
#studio-workspace #relationship-list .friend-avatar { width:48px; height:48px; }
#studio-workspace #relationship-list .rank-identity { min-width:0; }
#studio-workspace #relationship-list .rank-identity > small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#studio-workspace #relationship-list .rank-directions { display:block; margin-top:4px; color:#a69b89; font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
#studio-workspace #relationship-list .rank-metric { text-align:right; min-width:0; }
#studio-workspace #relationship-list .rank-metric > strong { color:#ead8b9; font:500 24px/1.25 "Falao Figures",var(--font-ui); font-variant-numeric:tabular-nums; white-space:normal; overflow-wrap:anywhere; }
#studio-workspace #relationship-list .rank-metric > small { color:#a69b89; font-size:10px; line-height:1.5; }
#studio-workspace #relationship-list em { justify-self:end; }
@media(max-width:760px) {
  .ranking-summary { padding:4px 3px 10px; }
  .ranking-summary h3 { font-size:15px; }
  .ranking-summary-heading { align-items:flex-start; }
  .ranking-summary-heading > span { max-width:145px; font-size:10px; }
  .ranking-summary > p,.ranking-sources span { font-size:10px; }
  #studio-workspace #relationship-list button { grid-template-columns:24px 36px minmax(0,1fr) 72px 10px; gap:7px; padding:10px 7px; min-height:84px; }
  #studio-workspace #relationship-list .friend-avatar { width:36px; height:36px; }
  #studio-workspace #relationship-list b { font-size:16px; }
  #studio-workspace #relationship-list .rank-identity > strong { font-size:12px; }
  #studio-workspace #relationship-list .rank-identity > small { font-size:10px; }
  #studio-workspace #relationship-list .rank-directions { font-size:9px; }
  #studio-workspace #relationship-list .rank-metric > strong { font-size:21px; }
  #studio-workspace #relationship-list .rank-metric > small { font-size:9px; }
}