/* Metals follow the actual place from the ranking, never the visible row index. */
[data-podium="1"]{--podium-fill:linear-gradient(100deg,#39321e,#272b20);--podium-metal:#dfc27e;--podium-rule:#dfc27e38}
[data-podium="2"]{--podium-fill:linear-gradient(100deg,#2d373c,#222d2b);--podium-metal:#c9d4df;--podium-rule:#c9d4df38}
[data-podium="3"]{--podium-fill:linear-gradient(100deg,#3a2c24,#2b2921);--podium-metal:#dcaa86;--podium-rule:#dcaa8638}

.ranking-row[data-podium],.public-leaders>li[data-podium],.ranking-results .data-table tr[data-podium]{background:var(--podium-fill)}
.ranking-row[data-podium],.public-leaders>li[data-podium]{box-shadow:inset 3px 0 var(--podium-metal);border-bottom-color:var(--podium-rule);border-radius:7px}
.ranking-panel .ranking-row[data-podium]{margin-inline:-12px;padding-inline:12px}
.public-leaders>li[data-podium]{padding-inline:12px;margin-block:6px}
.ranking-panel .ranking-row:not([data-podium]) .ranking-position{color:var(--muted)}
.ranking-panel .ranking-row[data-podium] .ranking-position,.ranking-results .data-table tr[data-podium] .ranking-position,.public-leaders>li[data-podium] .public-position{color:var(--podium-metal);font-weight:600}
.ranking-row[data-podium] .ranking-points,.ranking-results .data-table tr[data-podium]>td:last-child,.public-leaders>li[data-podium]>strong{color:var(--podium-metal)}
.public-leaders .public-position{min-width:22px;font-variant-numeric:tabular-nums}

.ranking-results .data-table tr[data-podium]>td{border-bottom-color:var(--podium-rule)}
.ranking-results .data-table tr[data-podium]>td:first-child{box-shadow:inset 3px 0 var(--podium-metal)}
.ranking-results .data-table th:first-child,.ranking-results .data-table td:first-child,.ranking-results .data-table .me td:first-child{padding-left:10px}
.ranking-results .data-table th:last-child,.ranking-results .data-table td:last-child{padding-right:10px}
/* The existing translucent .me cells and the "Вы" badge remain in place. */
@media(max-width:760px){
  .ranking-results .data-table th:first-child{width:36px}
  .ranking-results .data-table th:first-child,.ranking-results .data-table td:first-child,.ranking-results .data-table .me td:first-child{padding-left:8px}
  .ranking-results .data-table th:last-child,.ranking-results .data-table td:last-child{padding-right:6px}
}
@media(max-width:350px){.ranking-results .data-table th:first-child{width:34px}.public-leaders>li[data-podium]{padding-inline:10px}}