/* Absolutely positioned inside the existing desktop column; no layout shift. */
.ht-workflow-details{position:absolute;top:50%;left:28px;right:28px;width:auto;max-width:calc(100% - 56px);transform:translateY(-50%);text-align:left;color:#f2edf1;font:14px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--detail-total:0}
.ht-workflow-details *{box-sizing:border-box}
.ht-workflow-details header>span{font-size:10px;letter-spacing:1px;color:#d8a1b4;font-weight:500}
.ht-workflow-details h3{margin:18px 0 14px;font-size:32px;font-weight:500;line-height:1.12;letter-spacing:-1px;color:#f4eff3}
.ht-workflow-details header>p{margin:0;color:#b3a8b2;font-size:14px;line-height:1.6}
.ht-workflow-points{display:flex;flex-direction:column;align-items:stretch;gap:26px;margin-top:32px}
.ht-workflow-points section{--detail-progress:0;display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%;text-align:left;opacity:calc(.34 + .66 * var(--detail-progress));transform:translateY(calc(14px * (1 - var(--detail-progress))));will-change:opacity,transform}
.ht-workflow-points section>div{flex:1;min-width:0}
.ht-workflow-points svg{width:22px;height:22px;flex:none;margin-top:2px;color:#dfa5be}
.ht-workflow-points h4{font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-.2px;margin:0 0 7px;color:#eee6ed}
.ht-workflow-points p{font-size:14px;line-height:1.6;color:#b0a0ae;margin:0;overflow-wrap:break-word}
.ht-workflow-progress{height:1px;background:#e0b7d013;margin:24px 0 0 34px;overflow:hidden}
.ht-workflow-progress i{display:block;height:100%;background:linear-gradient(90deg,#955365,#e8b8cf);transform:scaleX(var(--detail-total));transform-origin:left}
@media(prefers-reduced-motion:reduce){.ht-workflow-points section{opacity:1;transform:none;will-change:auto}.ht-workflow-progress i{transform:none}}