.page{max-width:880px;margin:0 auto;padding:40px var(--gut) 80px}
.lbl2{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.now{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-top:12px}
.now h1{font:700 clamp(28px,3.4vw,40px)/1.1 var(--dot);letter-spacing:.04em;margin:0;color:var(--ink);text-shadow:0 0 14px rgba(120,180,255,.22)}
.now span{font-size:11px;color:var(--faint);letter-spacing:.12em;text-transform:uppercase}
/* the ladder: where the policy is now, and the rungs above it, locked */
.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px}
.rung{position:relative;padding:14px 14px 12px;box-shadow:inset 0 0 0 1px rgba(206,222,240,.12);display:flex;flex-direction:column;gap:12px;min-height:118px;cursor:help}
.rung.on{box-shadow:none}
.rung.on::before{content:'';position:absolute;inset:0;pointer-events:none;--c:rgba(206,222,240,.9);
  background:linear-gradient(var(--c),var(--c)) 0 0/8px 1px,linear-gradient(var(--c),var(--c)) 0 0/1px 8px,linear-gradient(var(--c),var(--c)) 100% 0/8px 1px,linear-gradient(var(--c),var(--c)) 100% 0/1px 8px,
    linear-gradient(var(--c),var(--c)) 0 100%/8px 1px,linear-gradient(var(--c),var(--c)) 0 100%/1px 8px,linear-gradient(var(--c),var(--c)) 100% 100%/8px 1px,linear-gradient(var(--c),var(--c)) 100% 100%/1px 8px;background-repeat:no-repeat}
.rung .n{font-size:13px;color:var(--ink)}
.rung.lk .n{color:var(--dim)}
.rung svg.lkm{position:absolute;right:12px;top:14px;color:var(--faint)}
.rung .m{margin-top:auto;display:flex;flex-direction:column;gap:6px}
.meter{display:grid;grid-template-columns:repeat(40,1fr);gap:1px;height:6px}
.meter i{background:rgba(206,222,240,.08)}
.meter i.on{background:rgba(206,222,240,.5)}
.rung.on .meter i{background:rgba(206,222,240,.85)}
.rung .q{font-size:10.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.tip{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:4;padding:8px 10px;background:#06070d;box-shadow:inset 0 0 0 1px rgba(206,222,240,.22);font-size:11.5px;line-height:1.5;color:var(--body)}
.sets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:38px}
.set{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid rgba(206,222,240,.1)}
.set b{font-weight:400;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.tg{display:inline-flex;box-shadow:inset 0 0 0 1px var(--line);align-self:flex-start}
.tg button{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;color:var(--faint)}
.tg button.on{color:var(--ink);background:rgba(206,222,240,.09)}
@media (max-width:720px){.ladder,.sets{grid-template-columns:repeat(2,minmax(0,1fr))}.page{padding-top:26px}}