.process-course{margin-top:var(--spacing-3xl)}.process-step{--station-y:calc(var(--spacing-lg) + .85rem);gap:var(--spacing-2xs);padding-block:var(--spacing-lg);padding-left:calc(var(--spine-x) + var(--spacing-lg));border-bottom:1px solid var(--line);display:grid;position:relative}.process-step:before{content:"";top:var(--station-y);left:var(--spine-x);width:var(--spacing-md);background:var(--line-strong);height:1px;position:absolute}.process-step:after{content:"";top:calc(var(--station-y) - 4px);left:calc(var(--spine-x) - 4px);border:1px solid var(--line-strong);background:var(--surface);width:9px;height:9px;transition:background-color var(--duration-medium) var(--ease-ui), border-color var(--duration-medium) var(--ease-ui);position:absolute}.process-name{align-items:baseline;gap:var(--spacing-sm);font-stretch:var(--stretch-heading);display:flex}.process-index{color:var(--fg-muted);transition:color var(--duration-medium) var(--ease-ui)}.process-summary{max-width:30rem}.process-step[data-active]:before{background:var(--accent)}.process-step[data-active]:after{border-color:var(--accent);background:var(--accent)}.process-step[data-active] .process-index{color:var(--accent)}@media (width>=64rem) and (width<=79.99rem){.process-step{column-gap:var(--spacing-gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;padding-left:0}.process-name{grid-column:2/span 4}.process-summary{grid-column:6/span 6}.process-step:before{width:calc((100% - 11 * var(--spacing-gutter)) / 12 + var(--spacing-gutter) - var(--spine-x))}}@media (width>=80rem){.process-course{container-type:inline-size}.process-steps{--step:calc((100cqw - 11 * var(--spacing-gutter)) / 12 + var(--spacing-gutter));grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:calc(var(--step) * .9657);column-gap:var(--spacing-gutter);padding-bottom:var(--spacing-2xl);display:grid;position:relative}.process-steps:before{content:"";top:0;left:var(--step);width:calc(5.6 * var(--step) * 1.3902);background:var(--line-strong);transform-origin:0 0;height:1px;transform:rotate(var(--trajectory-angle));position:absolute}.process-steps:after{content:"";top:0;left:var(--spine-x);width:calc(var(--step) - var(--spine-x));background:var(--line-strong);height:1px;position:absolute}.process-step{padding:0 0 0 var(--step);border:0;align-content:start}.process-step:first-child{grid-column:2/span 6}.process-step:nth-child(2){grid-column:3/span 6}.process-step:nth-child(3){grid-column:4/span 6}.process-step:nth-child(4){grid-column:5/span 6}.process-step:nth-child(5){grid-column:6/span 6}.process-step:nth-child(6){grid-column:7/span 6}.process-step:before{display:none}.process-step:after{top:-4px;left:-4px}.process-name{margin-top:-.85rem}}