.ladder{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ladder.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.ladder.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.ladder.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.ladder.c5{grid-template-columns:repeat(5,minmax(0,1fr))}.ladder>li{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);min-width:0;padding:14px}.ladder b{font-size:13.5px;display:block}.ladder .ld{color:var(--muted);margin-block-start:4px;font-size:12px;line-height:1.45;display:block}.ladder .n{font:600 11px var(--mono);color:var(--faint)}.ladder>li.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.ladder>li.on .ld,.ladder>li.on .n{color:color-mix(in srgb,var(--on-ink) 70%,transparent)}@media (max-width:1000px){.ladder.c3,.ladder.c4,.ladder.c5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.ladder.c2,.ladder.c3,.ladder.c4,.ladder.c5{grid-template-columns:1fr}}