.wk { padding: 48px 0 72px; }
.wk h1 { font-size: clamp(30px, 4vw, 44px); letter-spacing: -0.03em; }
.wk .lede { font-size: 18px; max-width: 60ch; margin: 12px 0 32px; }
.wk-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--border); }
.wk-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) 84px; gap: 18px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--border); }
.wk-rank { font-size: 22px; font-weight: 800; color: var(--muted); font-variant-numeric: tabular-nums; padding-top: 2px; }
.wk-main a { color: var(--ink); font-weight: 700; font-size: 17px; }
.wk-main small { display: block; color: var(--muted); margin: 2px 0 6px; }
.wk-main p { margin: 0; font-size: 15px; }
.wk-score { display: grid; justify-items: center; text-decoration: none; border: 1px solid var(--border); padding: 8px 0; color: var(--ink); }
.wk-score b { font-size: 26px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.wk-score span { font-size: 11px; color: var(--muted); font-weight: 700; margin-top: 2px; }
.wk-score:hover { border-color: var(--accent); text-decoration: none; }
.wk-index { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--border); }
.wk-index li { padding: 14px 0; border-bottom: 1px solid var(--border); }
.wk-index a { font-weight: 700; color: var(--ink); font-size: 17px; }
.wk-index small { display: block; color: var(--muted); }
.wk .fine { margin-top: 24px; }
@media (max-width: 720px) { .wk-row { grid-template-columns: 32px minmax(0, 1fr); } .wk-score { grid-column: 2; justify-self: start; padding: 6px 14px; grid-auto-flow: column; gap: 6px; align-items: baseline; } }