.workflow { max-width: 1040px; margin: 32px auto; padding: 0 20px; }
.workflow header { margin-bottom: 24px; }
.workflow .card { padding: 20px; margin: 16px 0; }
.workflow-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.workflow-actions h2 { flex: 1; min-width: 200px; }
.workflow button, .workflow a { white-space: normal; max-width: 100%; }
#workflowSteps { padding: 0; list-style: none; display: grid; gap: 12px; }
#workflowSteps li { border: 1px solid var(--border); border-radius: 10px; padding: 18px; background: var(--surface); }
#workflowSteps li[data-next=true] { border-left: 4px solid var(--navy); }
#workflowSteps h3 { margin: 0 0 8px; }
.workflow p, .workflow li, .workflow h2 { overflow-wrap: anywhere; }
.workflow-state { color: var(--text-2); }
.workflow [hidden] { display: none; }
.workflow fieldset { min-width: 0; border: 0; padding: 0; }
.workflow fieldset input:not([type=checkbox]), .workflow fieldset select { box-sizing: border-box; width: 100%; max-width: 100%; }