/* Найзууд (/friends, /feed, /rankings): lists of people and events. */
@layer page {
  .fr { max-width: 860px; margin: 0 auto; }
  .fr-search .input { flex: 1 1 12rem; min-width: 0; }
  .fr .list-row { flex-wrap: wrap; }
  .fr-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-inline-start: auto; }
  .fr-empty { margin: 0; padding: var(--sp-4); }
  .fr-dot { display: inline-block; width: 10px; height: 10px; margin-inline-end: var(--sp-1); border-radius: var(--r-pill); background: var(--line-strong); vertical-align: middle; }
  .fr-dot[data-on='true'] { background: var(--good); }
  .fr-feed-text { display: block; }
  .rk-row.is-me { background: var(--surface-2); }
  .rk-place { min-width: 2ch; color: var(--muted); text-align: end; }
  .rk-metric { font-weight: var(--fw-bold); }
  .rk-stars { color: var(--muted); }
  .rk-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: var(--sp-3); }
  .rk-podium:empty { display: none; }
  .rk-podium__slot { display: grid; justify-items: center; gap: var(--sp-1); padding: var(--sp-3); border-radius: var(--r-md); background: var(--surface); box-shadow: var(--shadow-1); text-align: center; }
  .rk-podium__slot[data-place='1'] { padding-block: var(--sp-5); }
  .rk-podium__medal { font-size: var(--fs-30); }
  .rk-podium__name { overflow: hidden; max-width: 100%; font-weight: var(--fw-bold); text-overflow: ellipsis; white-space: nowrap; }
}