.workflow-optional{padding:16px;background:#fff6eb;border:1px solid #f4dcc8;border-radius:18px;margin:14px 0}.workflow-optional .feature-link{background:transparent;border:0;padding:8px 0;min-height:62px}.workflow-list{display:grid;gap:10px;margin:20px 0}.workflow-step{display:flex;align-items:center;gap:12px;width:100%;padding:16px 12px;border:1px solid #f0d8cd;border-radius:16px;background:#fffdf9;text-align:left;min-height:94px}.workflow-step>span:nth-child(2){flex:1;min-width:0}.workflow-step strong{display:block;font-size:16px;color:#50241b}.workflow-step small{display:block;font-size:12px;line-height:1.65;color:#806d68;margin-top:5px}.workflow-step em{display:block;font-size:11px;line-height:1.6;font-style:normal;color:#88786d;margin-top:5px}.workflow-step.is-locked{opacity:1;background:#faf7f3;border-color:#eee6df;cursor:not-allowed}.workflow-number{height:34px;width:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#ff743c,#e83e16);font-weight:700}.is-locked .workflow-number{background:#e9dfd6;color:#897366}.workflow-plan-note{font-size:11px;line-height:1.65;padding:12px;background:#fff5e8;border-radius:12px;margin:0 0 12px;color:#806249}
.workflow-step strong{display:flex;align-items:center;gap:7px}.workflow-title-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;color:#ed562b}.workflow-title-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;background:none;border:0;padding:0;border-radius:0}

/* Five distinct warm tints; numbers and labels also identify each step. */
.workflow-step:nth-child(1){--step-bg:#ffe9d8;--step-edge:#f3c6a8;--step-accent:#c95024;--step-soft:#fff6ed}
.workflow-step:nth-child(2){--step-bg:#fff1bf;--step-edge:#ead58d;--step-accent:#946400;--step-soft:#fffbed}
.workflow-step:nth-child(3){--step-bg:#eee0fa;--step-edge:#dac1ed;--step-accent:#8550a7;--step-soft:#faf4ff}
.workflow-step:nth-child(4){--step-bg:#ffdfdc;--step-edge:#eec0b8;--step-accent:#b24c46;--step-soft:#fff5f1}
.workflow-step:nth-child(5){--step-bg:#e6eed3;--step-edge:#ccdcb3;--step-accent:#607a3e;--step-soft:#f8faef}
.workflow-step:not(.is-locked){background:linear-gradient(115deg,var(--step-bg),var(--step-soft));border-color:var(--step-edge);box-shadow:0 3px 9px #68321906;position:relative;overflow:hidden}
.workflow-step:not(.is-locked):after{content:'';position:absolute;right:-18px;bottom:-27px;width:75px;height:75px;border:1px solid var(--step-edge);border-radius:50%;opacity:.45;pointer-events:none}
.workflow-step:not(.is-locked) .workflow-number{background:var(--step-accent);box-shadow:0 2px 4px #63321c12}
.workflow-step:not(.is-locked) .workflow-title-icon,.workflow-step:not(.is-locked)>span:last-child{color:var(--step-accent)}
.workflow-step:not(.is-locked):hover{box-shadow:0 4px 12px #68321912;border-color:var(--step-accent)}
.workflow-step small{color:#74625b}.workflow-list{gap:12px}
.workflow-title-icon svg{color:inherit}

/* Keep existing task colours when inserting the optional preparation step. */
.workflow-step:nth-child(3){--step-bg:#ffead2;--step-edge:#efcc9f;--step-accent:#a76320;--step-soft:#fff9ed}
.workflow-step:nth-child(4){--step-bg:#eee0fa;--step-edge:#dac1ed;--step-accent:#8550a7;--step-soft:#faf4ff}
.workflow-step:nth-child(5){--step-bg:#ffdfdc;--step-edge:#eec0b8;--step-accent:#b24c46;--step-soft:#fff5f1}
.workflow-step:nth-child(6){--step-bg:#e6eed3;--step-edge:#ccdcb3;--step-accent:#607a3e;--step-soft:#f8faef}