.lad{margin-top:40px}.lad__axis{display:flex;justify-content:space-between;gap:16px;color:var(--w-muted)}.lad__rungs{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px}.lad__rungs>li{width:var(--rung-w);position:relative}.lrung{--notch:12px;position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:clamp(12px,1.6vw,24px);padding:20px clamp(16px,2.2vw,30px);background-color:var(--rung-bg);background-image:radial-gradient(var(--dot-on-light) var(--dot-core),transparent var(--dot-edge));background-size:14px 14px;color:var(--w-night);transition:transform .35s steps(3);-webkit-clip-path:polygon(var(--notch) 0,calc(100% - var(--notch)) 0,calc(100% - var(--notch)) var(--notch),100% var(--notch),100% 100%,0 100%,0 var(--notch),var(--notch) var(--notch));clip-path:polygon(var(--notch) 0,calc(100% - var(--notch)) 0,calc(100% - var(--notch)) var(--notch),100% var(--notch),100% 100%,0 100%,0 var(--notch),var(--notch) var(--notch))}@media (hover:hover){.lad__rungs>li:hover .lrung{transform:translateX(9px)}}.lad__top .lrung{color:var(--w-cool-white);background-image:radial-gradient(var(--dot-on-blue) var(--dot-core),transparent var(--dot-edge))}.lrung__num{flex:none;font-size:10px;opacity:.7}.lrung__name{flex:none;font-weight:700;font-size:clamp(20px,2.3vw,32px);letter-spacing:-1.1px;line-height:1;text-transform:uppercase}.lrung__note{flex:1 1 200px;min-width:0;font-size:14px;line-height:1.45}.lrung__mark{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:6px 9px;font-size:9px;letter-spacing:1.2px;white-space:nowrap;background:var(--w-night);color:var(--w-cool-white)}.lrung__mark .stair-mark{--stair-size:9px}.lad__top .lrung__mark{background:var(--w-cool-white);color:var(--w-8bit)}@media (max-width:720px){.lad{display:flex;flex-direction:column}.lad__axis{display:contents}.lad__axis>span:last-child{order:1;margin-top:10px}.lad__axis>span:first-child,.lad__axis>span:last-child{align-self:center;text-align:center}.lad__rungs>li{width:var(--rung-w-sm)}.lrung{--notch:10px;gap:6px 8px;padding:16px 12px 14px}.lrung__name{font-size:17px;letter-spacing:-.5px}.lrung__note{flex-basis:100%;font-size:13px}.lrung__mark{margin-left:0;max-width:100%;white-space:normal;line-height:1.4}}@media (prefers-reduced-motion:reduce){.lrung{transition:none}.lad__rungs>li:hover .lrung{transform:none}}