.merge-formula-workflow,
.merge-formula-note { padding: 12px 14px; border: 1px solid #f08fc3; border-radius: 8px; background: #fff7fb; }
.merge-formula-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.merge-formula-section-heading > div { min-width: 0; flex: 1; }
.merge-formula-section-heading h3,
.merge-formula-section-heading p { margin: 0; }
.merge-formula-section-heading h3 { color: #202635; font-size: 13px; font-weight: 700; line-height: 1.3; }
.merge-formula-section-heading p { margin-top: 3px; color: #7c8798; font-size: 9px; line-height: 1.45; }
.merge-formula-section-heading > span { color: #b50f68; font-size: 8px; font-weight: 800; white-space: nowrap; }
.merge-formula-step { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 9px; padding: 9px; border: 1px solid #e0e6ef; border-radius: 6px; background: #fff; }
.merge-formula-step__number { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: #e8eef5; color: #5f7288; font-size: 10px; font-weight: 800; }
.merge-formula-step > div { display: grid; min-width: 0; gap: 3px; }
.merge-formula-step strong { font-size: 10px; }
.merge-formula-step small { color: #77859a; font-size: 8px; line-height: 1.45; }
.merge-formula-step.is-ready .merge-formula-step__number { background: #e7edfb; color: #536fa7; }
.merge-formula-step.is-action { border-color: #f08fc3; }
.merge-formula-step.is-action .merge-formula-step__number { background: #ed168b; color: #fff; }
.merge-formula-connector { width: 1px; height: 8px; margin-left: 22px; border-left: 1px dashed #c2cddd; }
.merge-formula-action { margin-top: 10px; }
.merge-formula-note { display: grid; gap: 3px; margin-top: 10px; border-color: #dbe2ec; background: #f7f9fc; }
.merge-formula-note strong { color: #253b57; font-size: 10px; }
.merge-formula-note span { color: #77859a; font-size: 9px; line-height: 1.45; }

@media (min-width: 900px) {
    .merge-formula-workflow { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; }
    .merge-formula-section-heading,
    .merge-formula-connector { grid-column: 1 / -1; }
    .merge-formula-connector { display: none; }
}