:host{display:block}*,:before,:after{box-sizing:border-box}h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:var(--sw-blue-strong);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--sw-blue);outline-offset:3px;border-radius:4px}ol{counter-reset:step}li{counter-increment:step}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.25rem;display:grid}.cards li{border-top:3px solid var(--sw-warm);border-radius:0 0 var(--sw-radius) var(--sw-radius);background:var(--sw-surface);align-content:start;gap:.5rem;padding:1.75rem 1.5rem 1.5rem;display:grid}.cards li:before{content:counter(step, decimal-leading-zero);color:var(--sw-warm-strong);font-size:2rem;font-weight:700;line-height:1}h3{color:var(--sw-ink);font-size:1.1875rem}.cards p{color:var(--sw-muted)}.compact{gap:1.25rem;display:grid}.compact li{grid-template-columns:2.25rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.compact li:before{content:counter(step);background:var(--sw-warm-soft);width:2.25rem;height:2.25rem;color:var(--sw-warm-strong);border-radius:50%;place-items:center;font-weight:700;display:grid}.compact p{padding-top:.25rem}