.hl-steps{background:var(--surface);color:var(--ink);border:var(--stroke-2) solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:16px}.hl-steps-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hl-steps-title{font:400 22px/26px var(--font-display);margin:0}.hl-steps-count{font:700 13px/16px var(--font-sans);color:var(--ink-muted);white-space:nowrap}.hl-steps-bar{border:2px solid var(--outline);border-radius:var(--radius-pill);background:var(--surface-sunk);height:10px;margin:10px 0 8px;overflow:hidden}.hl-steps-bar>span{background:var(--teal);height:100%;transition:width .3s ease-out;display:block}.hl-steps-list{margin:0;padding:0;list-style:none}.hl-step{border-top:2px dashed var(--line);min-height:48px;color:var(--ink);font:600 15px/20px var(--font-sans);align-items:center;gap:12px;padding:6px 0;text-decoration:none;display:flex}.hl-steps-list li:first-child .hl-step{border-top:0}.hl-step-box{border:2px solid var(--outline);background:var(--surface);width:26px;height:26px;color:var(--on-fill);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.hl-step[data-done=true] .hl-step-box{background:var(--teal)}.hl-step[data-done=true] .hl-step-label{color:var(--ink-muted);text-decoration:line-through}.hl-step-label{flex:1;min-width:0}.hl-step-go{color:var(--ink-muted);flex:none}a.hl-step:hover .hl-step-label{text-decoration:underline}a.hl-step:focus-visible,.hl-walk button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hl-walk{padding-top:16px}.hl-walk-art{border:var(--stroke-2) solid var(--outline);border-radius:var(--radius-lg);background:var(--gold-soft);height:120px;color:var(--ink);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.hl-walk-body{font:500 16px/24px var(--font-sans);color:var(--ink-muted);margin:8px 0 0}.hl-walk-dots{justify-content:center;gap:8px;margin:16px 0;display:flex}.hl-walk-dots span{border-radius:var(--radius-pill);border:2px solid var(--outline);background:var(--surface);width:10px;height:10px}.hl-walk-dots span[data-on=true]{background:var(--gold);width:24px}.hl-walk-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.hl-steps-bar>span{transition:none}}