.npdp .np-howwrap{background:var(--cream);padding:20px 16px;margin-top:18px;border-radius:14px}
.npdp .np-how{list-style:none;counter-reset:s;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.npdp .np-how li{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:start}
.npdp .np-how li::before{counter-increment:s;content:counter(s);grid-column:1;grid-row:1;width:26px;height:26px;border-radius:50%;background:var(--indigo);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
.npdp .np-how li b{grid-column:2;grid-row:1;min-width:0;font-size:13.5px;line-height:1.5;font-weight:700}
.npdp .np-how li span{grid-column:2;grid-row:2;min-width:0;font-size:12.5px;color:var(--muted);line-height:1.6}
.npdp .np-step.on{background:rgba(253,228,86,.16);box-shadow:inset 0 0 0 1px rgba(253,228,86,.45)}
.npdp .np-step.on .np-n{color:var(--moon)}
@media(min-width:900px){.npdp .np-howwrap{padding:24px}}