.line{border-top:1px solid #f7f4ec24;gap:1.25rem;margin-top:1.5rem;padding-top:2rem;display:grid}.line__label,.line__number:hover{color:var(--color-accent-on-primary)}.line__number{letter-spacing:-.01em;font-variant-numeric:tabular-nums;justify-self:start;font-size:calc(clamp(2rem,1.2rem + 3.6vw,4.25rem));font-weight:300;line-height:1.05}.line__actions{gap:.75rem;display:grid}.line__note{color:var(--color-on-primary-soft);font-size:.875rem}@media (width>=640px){.line__actions{flex-wrap:wrap;gap:1rem;display:flex}}.steps__list{border-top:1px solid var(--color-line);gap:0;display:grid}.step{border-bottom:1px solid var(--color-line);align-content:start;gap:.75rem;padding-block:2rem;display:grid}.step__num{color:var(--color-accent-strong);font-size:4rem}.step__text{max-width:30rem;color:var(--color-ink-soft)}.steps__note{border-left:2px solid var(--color-accent);background-color:var(--color-surface);max-width:44rem;color:var(--color-ink);margin-top:3rem;padding:1.25rem 1.5rem}@media (width>=768px){.steps__list{-moz-column-gap:2rem;border-top:0;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2rem}.step{border-top:1px solid var(--color-ink);border-bottom:0;padding-top:1.75rem}}
