.ranking-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.rank-item{display:grid;grid-template-columns:52px 88px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);padding:14px 18px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.rank-item:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(23,58,53,.1)}
.rank-num{font:400 30px 'DM Serif Display',serif;color:var(--muted);text-align:center}
.rank-item:nth-child(1) .rank-num{color:#f4b400}
.rank-item:nth-child(2) .rank-num{color:#9aa0a6}
.rank-item:nth-child(3) .rank-num{color:#cd7f32}
.rank-thumb,.rank-item .thumb-placeholder{width:88px;height:66px;object-fit:cover;background:var(--paper)}
.rank-info h3{font:400 18px 'DM Serif Display',serif;margin:0 0 4px;letter-spacing:-.3px}
.rank-info span{font-size:11px;color:var(--muted)}
.rank-likes{display:flex;align-items:center;gap:6px;font:700 14px Manrope,sans-serif;color:var(--orange);white-space:nowrap}
@media(max-width:560px){.rank-item{grid-template-columns:34px 64px 1fr auto;gap:10px;padding:12px}.rank-num{font-size:22px}.rank-thumb,.rank-item .thumb-placeholder{width:64px;height:48px}.rank-info h3{font-size:15px}}