.workflow-demo{background:#f7f6f2;padding:80px 0;scroll-margin-top:110px}.workflow-demo-heading{grid-template-columns:1fr 1fr;align-items:end;gap:65px;margin-bottom:32px;display:grid}.workflow-demo h2{letter-spacing:-.035em;text-transform:none;max-width:660px;margin:0;font-size:clamp(32px,3.6vw,48px);line-height:1.1}.workflow-demo-heading>p{color:#55534e;margin:0;font-size:16px;line-height:1.75}.workflow-demo-toolbar{border-block:1px solid #ccc8bf;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:24px 0;display:flex}.workflow-demo-toolbar label{font-size:14px;font-weight:500}.workflow-demo-toolbar select{background:#fff;border:1px solid #a6a29a;border-radius:0;max-width:100%;min-height:48px;padding:10px 35px 10px 14px;font-size:16px}.workflow-demo-toolbar>span{color:#5b5750;margin-left:auto;font-size:13px}.workflow-demo-feed-control{justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.workflow-demo-feed-control p{color:#55534e;margin:0;font-size:14px;line-height:1.6}.workflow-demo-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.workflow-demo-panels>article{background:#fff;border-top:3px solid #bbb7af;min-width:0;padding:26px}.workflow-demo-panels>article.is-active{border-top-color:#b84400}.workflow-demo-step{color:#625e57;margin:0 0 20px;font-size:13px;font-weight:500}.workflow-demo-panels h3{letter-spacing:-.02em;margin:0 0 18px;font-size:22px;line-height:1.25}.workflow-demo-state{color:#5d5851;margin:0 0 24px;font-size:14px;font-weight:500}.is-active>.workflow-demo-state{color:#994000}.workflow-demo dl{margin:0}.workflow-demo dl>div{border-bottom:1px solid #ddd9d1;justify-content:space-between;align-items:baseline;gap:20px;padding:15px 0;display:flex}.workflow-demo dt{font-size:14px}.workflow-demo dd{font-variant-numeric:tabular-nums;margin:0;font-family:MSE REM,Arial,sans-serif;font-size:30px;line-height:1.2}.workflow-demo-note{color:#625e57;margin:24px 0 0;font-size:14px;line-height:1.7}.workflow-demo-visibility{justify-content:center;width:100%;min-height:48px;padding-inline:16px;font-size:14px}.workflow-demo-override{border-top:1px solid #ddd9d1;margin-top:26px;padding-top:22px}.workflow-demo-override label{margin-bottom:12px;font-size:14px;font-weight:500;line-height:1.5;display:block}.workflow-demo-override input{color:#151515;width:100%;min-width:0;min-height:48px;font:inherit;background:#fff;border:1px solid #a6a29a;border-radius:0;padding:10px 12px;font-size:16px;display:block}.workflow-demo-override>p{color:#625e57;margin:10px 0 16px;font-size:14px;line-height:1.6}.workflow-demo-override-actions{flex-wrap:wrap;gap:10px;display:flex}.workflow-demo-secondary{color:#302d29;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #8b857c;padding:10px 14px;font-size:14px;line-height:1.4}.workflow-demo-secondary:hover:not(:disabled){background:#f0ede7}.workflow-demo-secondary:disabled{color:#716b63;cursor:default;background:#f7f6f2;border-color:#c8c3ba}.workflow-demo :is(button,input,select):focus-visible{outline-offset:3px;outline:3px solid #994000}.workflow-demo-panels>.workflow-demo-output{color:#fff;background:#151515}.workflow-demo-output>.workflow-demo-step,.workflow-demo-output>.workflow-demo-state{color:#c9c5bd}.workflow-demo-output.is-active>.workflow-demo-state{color:#ff9a49}.workflow-demo-graphic{background:#252525;border-left:3px solid #ff8015;padding:22px}.workflow-demo-graphic>span{color:#c9c5bd;font-size:12px;line-height:1.6;display:block}.workflow-demo-graphic h3{margin:14px 0 18px;font-size:20px}.workflow-demo-graphic dl>div{border-color:#5a554e}.workflow-demo-graphic dd{color:#ff9a49}.workflow-demo-hidden{border:1px dashed #777168;flex-direction:column;justify-content:center;min-height:230px;padding:22px;display:flex}.workflow-demo-hidden strong{font-size:20px;font-weight:500}.workflow-demo-hidden p{color:#c9c5bd;margin:12px 0 0;font-size:14px;line-height:1.6}.workflow-demo-status{color:#55534e;margin:24px 0 0;font-size:14px;line-height:1.7}@media (width<=1100px){.workflow-demo-panels>article{padding:22px}.workflow-demo-toolbar>span{flex-basis:100%;margin-left:0}.workflow-demo-graphic{padding:16px}}@media (width<=900px){.workflow-demo-panels{grid-template-columns:1fr}.workflow-demo-heading{grid-template-columns:1fr;gap:20px}.workflow-demo{padding:55px 0}}@media (width<=480px){.workflow-demo-toolbar{display:block}.workflow-demo-toolbar select{width:100%;margin-top:12px}.workflow-demo-toolbar>span{margin-top:14px;display:block}.workflow-demo-feed-control{flex-wrap:wrap}}