.hl-ways{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}.hl-ladder{padding-top:24px}.hl .hl-ladder h2{margin:0 0 6px;font:500 28px/1.15 var(--font-display)}.hl .hl-ladder>p{margin:0 0 16px;font-size:14px}.hl-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.hl-step{display:grid;gap:14px;padding:18px 18px 16px;border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:0 0 0 1px var(--line);scroll-margin-top:80px}.hl-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.hl .hl-head h3{margin:0;font:500 26px/1.1 var(--font-display)}.hl-head h3 a{color:inherit;text-decoration:none}.hl-head h3 a:hover{text-decoration:underline 2px var(--brand);text-underline-offset:5px}.hl-total{margin:0;font-size:15px;color:var(--ink-muted)}.hl-total strong{font:600 20px/1 var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums}.hl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.hl-stats div{padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-sunken)}.hl-stats dt{font-size:12px;color:var(--ink-muted)}.hl-stats dd{margin:2px 0 0;font:600 18px/1.2 var(--font-sans);font-variant-numeric:tabular-nums}.hl-shared{display:block;font:400 11px/1.3 var(--font-sans);color:var(--ink-muted)}.hl-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.hl-words a{display:grid;padding:6px 4px;border-radius:var(--radius-sm);color:inherit;text-decoration:none}.hl-words a:hover{background:var(--surface-sunken)}.hl-words a:focus-visible,.hl-chars-list a:focus-visible,.hl-head h3 a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hl-han{font:400 24px/1.25 var(--font-hanzi-sans)}.hl-py{font:500 14px/1.35 var(--font-sans)}.hl-en{font-size:13px;color:var(--ink-muted)}.hl-chars{margin:0;font-size:13px;color:var(--ink-muted)}.hl-chars-list{display:inline-flex;flex-wrap:wrap;gap:0 6px;font:400 19px/1.4 var(--font-hanzi-sans);color:var(--ink)}.hl-chars-list a{color:inherit;text-decoration:none;border-radius:4px}.hl-chars-list a:hover{text-decoration:underline 2px var(--brand);text-underline-offset:5px}.hl-table{width:100%;max-width:420px;margin:12px 0;border-collapse:collapse;font-size:15px}.hl-table th,.hl-table td{padding:6px 12px 6px 0;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}.hl-table thead th{font-size:12px;font-weight:600;color:var(--ink-muted)}.hl-table tbody th{font-weight:500}@media(min-width:1000px){.hl-step{grid-template-columns:220px minmax(0,1fr);column-gap:28px;align-items:start}.hl-head{flex-direction:column;justify-content:start;grid-row:span 3}.hl-words{grid-template-columns:repeat(5,minmax(0,1fr))}}