.workflow{max-width:1440px;margin:16px auto;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow-wrap:anywhere}
#workflow{padding:0 24px}
.workflow-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.workflow-head strong{font-size:18px}.workflow-head label{min-width:220px}
.workflow details{margin-top:12px}.workflow summary{cursor:pointer;padding:8px 0}
.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;padding:0;list-style:none;margin:12px 0}
.workflow-steps button{width:100%;height:100%;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);cursor:pointer}
.workflow-steps button[aria-current]{border-color:var(--accent-1)}
.workflow-steps small{display:block;margin-top:5px}.workflow-steps span{color:var(--accent-1)}
.workflow-detail{display:grid;gap:12px;padding:16px;background:var(--panel-2);border-radius:10px}
.workflow-detail p{max-width:85ch}.workflow .actions{display:flex;flex-wrap:wrap;gap:8px}
.workflow.workflow-compact{padding:6px 14px;margin:12px auto}.workflow-compact details{margin-top:0}.workflow-compact summary{font-size:12px;color:var(--muted);padding:6px 0}
@media(max-width:600px){#workflow{padding:0 12px}.workflow{padding:12px;margin:12px auto}.workflow-head{align-items:stretch;flex-direction:column;gap:10px}.workflow-head label{min-width:0}.workflow-steps{grid-template-columns:1fr 1fr}.workflow-steps button{padding:10px;font-size:12px}.workflow-detail{padding:12px}.workflow .actions .btn{width:100%;white-space:normal}}