@layer wertigo.components{.app-solution-steps{gap:var(--ds-space-3);min-width:0;padding:var(--ds-space-3);border-radius:var(--ds-radius-md);background:var(--ds-surface);color:var(--ds-text);font-size:var(--ds-text-md);line-height:var(--ds-leading-normal);display:grid}.app-solution-steps__heading{color:var(--ds-ink);font-size:var(--ds-text-lg);font-weight:var(--ds-weight-bold);margin:0}.app-solution-steps__list{grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.app-solution-steps__item{grid-template-columns:var(--ds-space-6) minmax(0,1fr);gap:var(--ds-space-2);min-width:0;display:grid;position:relative}.app-solution-steps__item:not(:last-child){padding-bottom:var(--ds-space-3)}.app-solution-steps__item:not(:last-child):before{top:var(--ds-space-6);bottom:0;left:var(--ds-space-3);width:calc(var(--ds-space-1) / 4);background:var(--ds-line);content:"";position:absolute}.app-solution-steps__number{width:var(--ds-space-6);height:var(--ds-space-6);border-radius:var(--ds-radius-pill);background:var(--ds-brand-soft);color:var(--ds-brand-strong);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);place-items:center;display:grid}.app-solution-steps__body{gap:var(--ds-space-1);overflow-wrap:anywhere;min-width:0;display:grid}.app-solution-steps__title{font-size:var(--ds-text-md);font-weight:var(--ds-weight-bold)}.app-solution-steps__expression{min-width:0;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);background:var(--ds-surface-muted);color:var(--ds-ink);font-family:monospace;font-size:var(--ds-text-md);white-space:pre;display:block;overflow-x:auto}.app-solution-steps__details{padding-left:var(--ds-space-4);font-size:var(--ds-text-sm);margin:0;list-style:outside}.app-solution-steps__description{color:var(--ds-subtle);font-size:var(--ds-text-sm);margin:0}}
