/* ==========================================================================
   experts.css — рейтинг экспертов в боковой колонке.

   Один компонент на три страницы: /questions/, /questions/<slug>/ и
   /practical/authors/. До выноса каждая держала свою копию, и они разъехались:
   разделитель был dashed/solid, бейдж #198754/#5a9a5a, имя caption-400 против
   small-600. Канон — версия со страницы списка вопросов.
   ========================================================================== */

.uv-expert-item {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem 0;
    border-bottom: 1px dashed var(--uv-border);
}
.uv-expert-item:last-child { border-bottom: none; }

.uv-expert-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 22px;
    border-radius: var(--uv-radius-xs);
    font-size: var(--uv-fs-micro);
    font-weight: var(--uv-fw-bold);
    background: var(--uv-success);
    color: var(--uv-text-inverse);
}

.uv-expert-medal-gold { color: var(--uv-warning); }
.uv-expert-medal-silver { color: #c0c0c0; }
.uv-expert-medal-bronze { color: #cd7f32; }

.uv-expert-name {
    font-size: var(--uv-fs-small);
    font-weight: var(--uv-fw-normal);
}
.uv-expert-name a {
    color: var(--uv-dark);
    text-decoration: none;
    transition: color var(--uv-duration-base);
}
.uv-expert-name a:hover { color: var(--uv-primary); }