.page-step{--device-h:var(--device-h-sm);justify-items:start;gap:var(--sc-4);margin-top:var(--sc-9);display:grid}.page-step h2{margin-top:var(--sc-2)}.page-step p{margin:0}.page-step .device{place-self:start}.page-step__num{font-family:var(--sc-font-display);font-size:var(--sc-t-2xl);color:var(--rose-700);font-weight:800;line-height:1;display:block}.page-step .step-panel{width:min(100%,26rem);min-height:calc(var(--device-h) + 10rem)}.page-quote{margin:var(--sc-5) 0;padding-left:var(--sc-4);border-left:3px solid var(--rose-300)}.page-quote blockquote{font-family:var(--sc-font-display);margin:0;font-size:1.25em}.page-quote figcaption{margin-top:var(--sc-2);font-size:var(--sc-t-sm);color:var(--sc-ink-soft)}.page-quote blockquote p,.page-step .step-panel :is(h2,p){margin:0}.page-step .step-panel ul{margin:auto 0 0}.page-step .step-panel li+li{margin-top:0}