.bk-steps { display: flex; flex-direction: column; }

.bk-steps__item { display: grid; grid-template-columns: var(--bk-steps-num-w, 64px) 1fr; gap: 1.25rem; padding: 1.5rem 0; align-items: flex-start; }

.bk-steps--divider-dashed .bk-steps__item + .bk-steps__item { border-top: 1px dashed var(--bk-steps-div-color, color-mix(in srgb, currentColor 25%, transparent)); }
.bk-steps--divider-solid .bk-steps__item + .bk-steps__item { border-top: 1px solid var(--bk-steps-div-color, color-mix(in srgb, currentColor 25%, transparent)); }

.bk-steps--staggered .bk-steps__item:nth-child(even) { margin-left: var(--bk-steps-indent, 64px); }

.bk-steps__num { font-family: var(--h1-font-family); font-size: 1rem; line-height: 2; color: var(--bk-steps-num-color, var(--color-content-secondary)); font-weight: 500; padding-top: 0.25rem; }

.bk-steps__content { display: flex; flex-direction: column; gap: 0.5rem; }
.bk-steps__title { margin: 0; font-family: var(--h1-font-family); color: var(--color-content-heading); }
.bk-steps__body { color: var(--color-content-text); line-height: 1.65; }

.bk-steps--compact .bk-steps__item { padding: 1rem 0; align-items: center; }
.bk-steps--compact .bk-steps__num { line-height: 1.4; padding-top: 0; }
.bk-steps--compact .bk-steps__body { line-height: 1.5; }

.l-section.color_alternate .bk-steps__title { color: var(--color-alt-content-heading); }
.l-section.color_alternate .bk-steps__body { color: var(--color-alt-content-text); }

@media (max-width: 600px) {
	.bk-steps__item { grid-template-columns: var(--bk-steps-num-w, 44px) 1fr; gap: 0.75rem; }
	.bk-steps--staggered .bk-steps__item:nth-child(even) { margin-left: 0; }
}