:root{--workflow-accent:#f26b38;--workflow-soft:#fff3e9;--workflow-green:#c8eadb;--workflow-blue:#cfe7ff;--workflow-yellow:#fff0b8}
.workflow-bench{scroll-margin-top:1rem}.workflow-bench__intro{max-width:780px}.workflow-bench__layout{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:20px;align-items:start}.workflow-goals,.workflow-plan{border:2px solid var(--wb-ink);background:var(--wb-paper-2);box-shadow:6px 6px 0 var(--wb-ink)}.workflow-goals{padding:20px}.workflow-goals__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.workflow-goals__heading h3,.workflow-plan h3{margin:0}.workflow-goals__hint{margin:0;color:var(--wb-muted);font-size:.9rem;line-height:1.5}.workflow-goal-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.workflow-goal{min-height:74px;border:2px solid var(--wb-ink);background:#fff;padding:10px 11px;text-align:left;font:inherit;color:var(--wb-ink);cursor:pointer;display:grid;align-content:center;gap:3px}.workflow-goal:hover{background:var(--workflow-soft)}.workflow-goal[aria-pressed="true"]{background:var(--workflow-accent);box-shadow:3px 3px 0 var(--wb-ink);transform:translate(-1px,-1px)}.workflow-goal strong{font-size:.94rem;line-height:1.15}.workflow-goal span{font-size:.76rem;line-height:1.25;color:#5f5a54}.workflow-goal[aria-pressed="true"] span{color:#2b201b}.workflow-plan{min-height:410px;padding:0;overflow:hidden}.workflow-plan__empty{padding:34px;display:grid;gap:14px;min-height:410px;align-content:center}.workflow-plan__empty strong{font-size:clamp(1.8rem,4vw,3.2rem);line-height:.95;letter-spacing:-.04em}.workflow-plan__empty p{margin:0;max-width:620px;color:var(--wb-muted)}.workflow-plan__body[hidden],.workflow-plan__empty[hidden]{display:none}.workflow-plan__body{display:grid}.workflow-plan__top{padding:22px;border-bottom:2px solid var(--wb-ink);background:var(--workflow-soft)}.workflow-plan__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.workflow-plan__eyebrow .wb-pill{background:#fff}.workflow-plan__top h3{font-size:clamp(1.75rem,3.5vw,2.7rem);letter-spacing:-.035em}.workflow-plan__summary{margin:.65rem 0 0;max-width:720px;line-height:1.6;color:#544f49}.workflow-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:18px}.workflow-progress__track{height:12px;border:2px solid var(--wb-ink);background:#fff;overflow:hidden}.workflow-progress__bar{display:block;height:100%;width:0;background:var(--workflow-accent);transition:width .18s ease}.workflow-progress__text{font-weight:950;font-size:.8rem}.workflow-steps{list-style:none;padding:0;margin:0}.workflow-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:18px 20px;border-bottom:2px solid var(--wb-ink);align-items:start}.workflow-step:last-child{border-bottom:0}.workflow-step.is-done{background:#f2f7f2}.workflow-step__check{width:30px;height:30px;border:2px solid var(--wb-ink);background:#fff;appearance:none;display:grid;place-items:center;cursor:pointer;margin:0}.workflow-step__check:checked{background:var(--workflow-green)}.workflow-step__check:checked::after{content:"✓";font-weight:950;font-size:1rem}.workflow-step__num{font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--wb-muted);display:block;margin-bottom:4px}.workflow-step__copy h4{margin:0 0 5px;font-size:1.15rem}.workflow-step__copy p{margin:0;color:#625c55;line-height:1.48}.workflow-step__open{display:inline-grid;place-items:center;min-height:40px;border:2px solid var(--wb-ink);background:#fff;padding:.5rem .7rem;text-decoration:none;font-weight:950;white-space:nowrap}.workflow-step__open:hover{background:var(--workflow-accent)}.workflow-notes{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--wb-ink)}.workflow-note{padding:16px 20px}.workflow-note+ .workflow-note{border-left:2px solid var(--wb-ink)}.workflow-note strong{display:block;margin-bottom:5px}.workflow-note p{margin:0;color:#625c55;line-height:1.5}.workflow-actions{padding:15px 20px;border-top:2px solid var(--wb-ink);display:flex;flex-wrap:wrap;gap:8px;background:#f4f1e9}.workflow-action{min-height:42px;border:2px solid var(--wb-ink);background:#fff;padding:.55rem .8rem;font:inherit;font-weight:950;cursor:pointer}.workflow-action:hover{background:var(--workflow-yellow)}.workflow-action--primary{background:var(--workflow-accent)}.workflow-action-status{align-self:center;font-size:.8rem;font-weight:850;color:var(--wb-muted)}.workflow-bench__why{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-bench__why article{border:2px solid var(--wb-ink);background:#fff;padding:16px}.workflow-bench__why h3{font-size:1rem;margin:0 0 6px}.workflow-bench__why p{margin:0;color:var(--wb-muted);font-size:.88rem;line-height:1.5}
@media(max-width:900px){.workflow-bench__layout{grid-template-columns:1fr}.workflow-goal-list{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-plan{min-height:0}}
@media(max-width:680px){.workflow-goals,.workflow-plan{box-shadow:3px 3px 0 var(--wb-ink)}.workflow-goal-list{grid-template-columns:1fr 1fr}.workflow-step{grid-template-columns:auto minmax(0,1fr)}.workflow-step__open{grid-column:2;justify-self:start}.workflow-notes{grid-template-columns:1fr}.workflow-note+ .workflow-note{border-left:0;border-top:2px solid var(--wb-ink)}.workflow-bench__why{grid-template-columns:1fr}}
@media(max-width:430px){.workflow-goal-list{grid-template-columns:1fr}.workflow-actions{display:grid}.workflow-action{width:100%}}
@media(prefers-reduced-motion:reduce){.workflow-progress__bar{transition:none}.workflow-goal[aria-pressed="true"]{transform:none}}