.rankingPage{margin:0 0 24px;padding:14px 16px 18px;border-radius:var(--radius-lg);background:var(--paper)}.rankingPage h1{margin:2px 0 6px;font-size:24px;font-weight:600;letter-spacing:-.02em}.rankingDescription{margin:0 0 14px;color:var(--muted);font-size:12px}.rankingList{margin:0;padding:0;list-style:none}.rankingList li{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.rankingList li a.outboundLink:after{content:"";position:absolute;inset:0}.rankingNumber{flex:0 0 34px;color:var(--ink);font-size:17px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:24px;text-align:center}.rankTop3 .rankingNumber{font-size:30px;font-weight:800;line-height:26px;letter-spacing:-.04em}.rankTop10 .rankingNumber{font-size:20px}.rankRest .rankingNumber{color:var(--muted);font-size:15px;font-weight:600}.rankingList a{flex:1 1;min-width:0;color:var(--ink);text-decoration:none;line-height:1.5}.rankingArticleTitle{display:block;overflow-wrap:anywhere;font-size:16px}.rankingList small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.rankingList a.isRead .rankingArticleTitle{color:#78658a}html[data-theme=dark] .rankingList a.isRead .rankingArticleTitle{color:#b0a0c0}.rankingList a:hover .rankingArticleTitle{text-decoration:underline}.rankingBack{display:inline-block;margin-top:16px;padding:8px 0;color:var(--blue-deep)}.rankingEmpty{color:var(--muted)}@media (max-width:620px){.rankingArticleTitle{font-size:15px}.rankingList li{gap:8px}}.rankingList li:has(a:active){background:var(--hig-fill)}.rankingTopline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}