.ysl-rankings { --ysl-green:#19401f; --ysl-gold:#fbc14f; --ysl-ink:#172c22; --ysl-muted:#60786a; --ysl-line:#d8e2da; --ysl-pale:#edf5ef; color:var(--ysl-ink); font-family:Arial,Helvetica,sans-serif; margin:2rem 0; }
.ysl-rankings * { box-sizing:border-box; }
.ysl-rankings__header { align-items:center; display:flex; gap:18px; margin-bottom:24px; }
.ysl-rankings__logo { height:82px; object-fit:contain; width:82px; }
.ysl-rankings h2 { color:var(--ysl-ink); font-size:clamp(2rem,4vw,3.4rem); line-height:1.05; margin:0 0 8px; }
.ysl-rankings h3 { color:var(--ysl-ink); font-size:clamp(1.5rem,2.5vw,2.25rem); margin:32px 0 4px; }
.ysl-rankings p { color:var(--ysl-muted); margin:0; }
.ysl-level-tabs { display:grid; gap:14px; grid-template-columns:repeat(4,1fr); margin:24px 0; }
.ysl-level-tabs button { background:#fff; border:1px solid var(--ysl-line); border-radius:9px; color:var(--ysl-ink); cursor:pointer; font:inherit; font-size:1rem; padding:15px 12px; }
.ysl-level-tabs button[aria-selected=true] { background:var(--ysl-green); border-color:var(--ysl-green); color:#fff; }
.ysl-level-tabs button:focus-visible { outline:3px solid var(--ysl-gold); outline-offset:2px; }
.ysl-rankings__meta { margin-bottom:20px !important; }
.ysl-table-wrap { border:1px solid var(--ysl-line); border-radius:9px; overflow:auto; }
.ysl-rankings table { border:0; border-collapse:collapse; font-size:1rem; margin:0; min-width:720px; width:100%; }
.ysl-rankings th,.ysl-rankings td { border:0; border-bottom:1px solid var(--ysl-line); padding:16px 18px; text-align:center; vertical-align:middle; }
.ysl-rankings thead th { color:var(--ysl-muted); font-weight:500; white-space:nowrap; }
.ysl-rankings tbody th { text-align:left; }
.ysl-rankings tbody tr:last-child th,.ysl-rankings tbody tr:last-child td { border-bottom:0; }
.ysl-rankings tbody tr:hover { background:#fafcfb; }
.ysl-rankings .ysl-rank { color:var(--ysl-green); font-size:1.1em; font-weight:700; }
.ysl-rankings tbody tr:nth-child(n+4) .ysl-rank { color:var(--ysl-ink); font-weight:400; }
.ysl-rankings small { color:var(--ysl-muted); display:block; font-size:.72em; font-weight:400; margin-top:3px; }
.ysl-rankings .ysl-total { background:var(--ysl-pale); color:var(--ysl-ink); font-size:1.08em; font-weight:700; }
.ysl-rankings .ysl-points { border-bottom:1px dotted var(--ysl-muted); cursor:help; }
.ysl-rankings .ysl-pending { color:var(--ysl-muted); }
.ysl-rankings .ysl-empty { color:var(--ysl-muted); padding:30px; }
.ysl-rankings .ysl-rider-row[hidden] { display:none; }
.ysl-pagination { align-items:center; display:flex; gap:16px; justify-content:flex-end; padding-top:18px; }
.ysl-pagination .ysl-page-button { background:#fff; border:1px solid var(--ysl-line); border-radius:7px; color:var(--ysl-green); cursor:pointer; font:inherit; font-weight:600; padding:9px 16px; }
.ysl-pagination .ysl-page-button:hover:not(:disabled) { background:var(--ysl-pale); }
.ysl-pagination .ysl-page-button:focus-visible { outline:3px solid var(--ysl-gold); outline-offset:2px; }
.ysl-pagination .ysl-page-button:disabled { cursor:not-allowed; opacity:.45; }
.ysl-pagination .ysl-page-status { color:var(--ysl-muted); min-width:92px; text-align:center; }
.ysl-rankings footer { color:var(--ysl-muted); display:flex; flex-wrap:wrap; gap:20px 60px; justify-content:space-between; padding-top:16px; }
.ysl-level-panel[hidden] { display:none; }
@media (max-width:680px) { .ysl-level-tabs { grid-template-columns:repeat(2,1fr); } .ysl-rankings__logo { height:64px; width:64px; } .ysl-rankings th,.ysl-rankings td { padding:12px; } .ysl-pagination { justify-content:center; } }