/* ===== Top Endorsed — premium ranked listing (scoped) ===== */
    .kv-te-hero{ position:relative; overflow:hidden; border-radius:24px; padding:30px 32px; margin-bottom:20px; color:#fff;
        background:linear-gradient(120deg,#5b3bd6 0%,#7c3aed 42%,#c026d3 100%); box-shadow:0 18px 50px rgba(91,59,214,.30); }
    .kv-te-hero::after{ content:""; position:absolute; right:-40px; top:-60px; width:240px; height:240px; border-radius:50%;
        background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%); }
    .kv-te-hero .eyebrow{ font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; opacity:.85; }
    .kv-te-hero h1{ font-size:32px; font-weight:900; margin:4px 0 0; letter-spacing:-.6px; }
    .kv-te-hero p{ margin:6px 0 0; opacity:.9; font-size:14px; max-width:560px; }
    .kv-te-hero .stat{ position:absolute; right:34px; top:50%; transform:translateY(-50%); text-align:center; z-index:1; }
    .kv-te-hero .stat b{ display:block; font-size:40px; font-weight:900; line-height:1; }
    .kv-te-hero .stat span{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; opacity:.85; }
    .kv-te-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
    .kv-te-tab{ border:1.5px solid #e7e7f3; background:#fff; color:#5a5a72; border-radius:999px; padding:8px 18px; font-weight:700;
        font-size:13px; text-decoration:none; transition:.15s; white-space:nowrap; }
    .kv-te-tab:hover{ border-color:#c9bdf7; color:#6d4bf0; }
    .kv-te-tab.active{ background:linear-gradient(135deg,#6d4bf0,#a855f7); color:#fff; border-color:transparent; box-shadow:0 6px 18px rgba(109,75,240,.32); }
    .kv-te-filter{ background:#fff; border:1px solid #eeeef6; border-radius:18px; padding:16px 18px; margin-bottom:20px; box-shadow:0 4px 18px rgba(20,20,40,.04); }
    .kv-te-filter .form-label{ font-size:11px; font-weight:700; color:#9a9ab0; text-transform:uppercase; letter-spacing:.03em; }
    .kv-te-filter .form-control, .kv-te-filter .form-select{ border-radius:11px; border:1.5px solid #e7e7f3; }
    .kv-te-go{ background:linear-gradient(135deg,#6d4bf0,#a855f7)!important; border:0!important; border-radius:11px!important; font-weight:800; }
    /* podium */
    .kv-podium{ display:grid; grid-template-columns:1fr 1.18fr 1fr; gap:14px; align-items:end; margin:8px 0 26px; }
    .kv-pod{ position:relative; background:#fff; border:1px solid #efeff6; border-radius:22px; padding:26px 16px 18px; text-align:center;
        box-shadow:0 10px 30px rgba(20,20,40,.07); text-decoration:none; transition:.18s; }
    .kv-pod:hover{ transform:translateY(-4px); box-shadow:0 18px 44px rgba(20,20,40,.13); }
    .kv-pod.r1{ transform:translateY(-14px); border:2px solid #ffd34d; box-shadow:0 18px 50px rgba(255,170,0,.26); }
    .kv-pod.r1:hover{ transform:translateY(-18px); }
    .kv-pod .medal{ position:absolute; top:-17px; left:50%; transform:translateX(-50%); width:36px; height:36px; border-radius:50%;
        display:flex; align-items:center; justify-content:center; font-weight:900; color:#fff; font-size:15px; box-shadow:0 5px 14px rgba(0,0,0,.22); }
    .kv-pod.r1 .medal{ background:linear-gradient(135deg,#ffe07a,#ff9d00); width:44px; height:44px; font-size:19px; top:-22px; }
    .kv-pod.r2 .medal{ background:linear-gradient(135deg,#dfe5ef,#9aa6bd); }
    .kv-pod.r3 .medal{ background:linear-gradient(135deg,#f0bd8a,#c77f43); }
    .kv-avatar{ width:68px; height:68px; border-radius:50%; margin:8px auto 12px; display:flex; align-items:center; justify-content:center;
        font-weight:900; font-size:27px; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.14); }
    .kv-pod.r1 .kv-avatar{ width:84px; height:84px; font-size:34px; }
    .kv-pod .nm{ font-weight:800; font-size:15px; color:#15152a; line-height:1.2; }
    .kv-pod .ct{ font-size:12px; color:#8a8a9e; margin-top:3px; }
    .kv-endo-pill{ margin-top:11px; display:inline-flex; align-items:center; gap:5px; background:#f3f0ff; color:#6d4bf0; font-weight:800;
        font-size:13px; border-radius:999px; padding:6px 14px; }
    /* list cards */
    .kv-te-grid{ display:flex; flex-direction:column; gap:10px; }
    .kv-te-card{ display:flex; align-items:center; gap:14px; background:#fff; border:1px solid #eeeef6; border-radius:16px;
        padding:12px 16px; text-decoration:none; transition:.15s; }
    .kv-te-card:hover{ border-color:#c9bdf7; box-shadow:0 10px 26px rgba(109,75,240,.13); transform:translateY(-1px); }
    .kv-rank{ flex:0 0 36px; text-align:center; font-weight:900; font-size:16px; color:#bcbcd0; }
    .kv-te-card .kv-avatar{ width:48px; height:48px; font-size:20px; margin:0; flex:0 0 48px; }
    .kv-te-info{ flex:1; min-width:0; }
    .kv-te-info .nm{ font-weight:800; color:#15152a; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .kv-te-info .ct{ font-size:12.5px; color:#8a8a9e; }
    .kv-te-endo{ flex:0 0 auto; text-align:center; min-width:60px; }
    .kv-te-endo b{ display:block; font-size:19px; font-weight:900; color:#6d4bf0; line-height:1; }
    .kv-te-endo span{ font-size:10px; color:#a0a0b6; text-transform:uppercase; letter-spacing:.05em; }
    .kv-te-cta{ flex:0 0 auto; background:linear-gradient(135deg,#6d4bf0,#a855f7); color:#fff; border-radius:11px; padding:9px 18px; font-weight:800; font-size:13px; }
    .kv-te-empty{ text-align:center; padding:48px 16px; color:#9a9ab0; }
    @media (max-width:640px){ .kv-podium{ grid-template-columns:1fr; } .kv-pod.r1{ transform:none; } .kv-te-hero .stat{ display:none; } .kv-te-hero h1{ font-size:25px; } .kv-te-cta{ display:none; } }