.wl-due-steps{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;border-top:1px solid var(--rule);padding-block:6px}
.wl-steps-tick{width:44px;height:44px;min-width:44px;border:1px solid var(--rule);border-radius:var(--r);color:var(--ink);background:var(--card);font:600 var(--type-20)/1 var(--sans)}
.wl-due-steps.is-done .wl-steps-tick{border-color:var(--amber);color:var(--ink);background:var(--card-2);opacity:1}
.wl-steps-open{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-height:44px;width:100%;padding:6px 0;text-align:left;border:0;background:transparent;color:var(--ink);font:400 var(--type-14)/1.4 var(--sans)}
.wl-steps-open b{font-weight:600}.wl-steps-open small{color:var(--ink-soft);font-size:var(--type-12)}
.wl-steps-progress{display:block;height:3px;width:100%;margin-top:4px;border-radius:var(--r);background:var(--rule);overflow:hidden}.wl-steps-progress i{display:block;height:100%;background:var(--amber)}
.wl-due-steps>[data-wearable-status]:not(.srtable){grid-column:1/-1;color:var(--ink-soft);font-size:var(--type-14)}
.wl-steps-tick:focus-visible,.wl-steps-open:focus-visible{outline:2px solid var(--amber);outline-offset:2px}