.workflow-demo{gap:var(--n-space-4);display:grid}.workflow-shell,.workflow-card,.workflow-board,.workflow-browser,.workflow-phone{border:1px solid var(--n-line);border-radius:var(--n-radius-sm);background:var(--n-paper);box-shadow:var(--n-shadow-soft);overflow:hidden}.workflow-bar{min-height:var(--n-space-10);justify-content:space-between;align-items:center;gap:var(--n-space-3);border-bottom:1px solid var(--n-line);padding:0 var(--n-space-4);color:var(--n-muted);font-size:var(--n-tiny);display:flex}.workflow-body{padding:var(--n-space-5);background:var(--n-soft)}.workflow-grid{gap:var(--n-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workflow-two{gap:var(--n-space-3);grid-template-columns:.9fr 1.1fr;display:grid}.workflow-card{padding:var(--n-space-4)}.workflow-card strong,.workflow-row strong,.workflow-message strong,.workflow-note strong{color:var(--n-ink);font-size:var(--n-small);font-weight:650;display:block}.workflow-card span,.workflow-card p,.workflow-row span,.workflow-row p,.workflow-note span,.workflow-message p,.workflow-chip,.workflow-small{color:var(--n-muted);font-size:var(--n-tiny);line-height:1.6}.workflow-score{color:var(--n-orange-dark);font-size:var(--n-h3);font-weight:650;line-height:1.1}.workflow-stack,.workflow-list,.workflow-chat,.workflow-profile{gap:var(--n-space-3);display:grid}.workflow-row{gap:var(--n-space-3);border:1px solid var(--n-line);border-radius:var(--n-radius-sm);background:var(--n-paper);padding:var(--n-space-3);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.workflow-dot{width:var(--n-space-3);height:var(--n-space-3);border-radius:var(--n-pill);background:var(--n-orange)}.workflow-dot.muted{background:var(--n-line)}.workflow-dot.good{background:var(--pos)}.workflow-dot.warn{background:var(--warn)}.workflow-chip{border:1px solid var(--n-line);border-radius:var(--n-pill);width:fit-content;padding:var(--n-space-1) var(--n-space-2);background:var(--n-paper);display:inline-flex}.workflow-chip.orange{border-color:var(--n-orange);background:var(--n-orange-soft);color:var(--n-orange-dark)}.workflow-timeline{gap:var(--n-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.workflow-step{min-height:calc(var(--n-space-20) + var(--n-space-4));border:1px solid var(--n-line);border-radius:var(--n-radius-sm);background:var(--n-paper);padding:var(--n-space-4);flex-direction:column;justify-content:space-between;display:flex}.workflow-step.active{background:var(--n-orange-soft);border-color:var(--n-orange)}.workflow-step em{color:var(--n-muted);font-size:var(--n-tiny);font-style:normal}.workflow-step strong{font-size:var(--n-small)}.workflow-note,.workflow-message{border:1px solid var(--n-line);border-radius:var(--n-radius-sm);background:var(--n-paper);padding:var(--n-space-4)}.workflow-note.accent,.workflow-message.answer{border-color:var(--n-orange);background:var(--n-orange-soft)}.workflow-actions{gap:var(--n-space-2);margin-top:var(--n-space-3);flex-wrap:wrap;display:flex}.workflow-action{border:1px solid var(--n-line);border-radius:var(--n-radius-sm);padding:var(--n-space-2) var(--n-space-3);color:var(--n-muted);font-size:var(--n-tiny)}.workflow-action.primary{border-color:var(--n-orange);color:var(--n-orange-dark)}.workflow-chart{min-height:calc(var(--n-space-32) + var(--n-space-4));border:1px solid var(--n-line);border-radius:var(--n-radius-sm);background:var(--n-paper);padding:var(--n-space-4)}.workflow-chart svg{width:100%;height:calc(var(--n-space-24) + var(--n-space-6))}.workflow-grid-line{stroke:var(--n-line)}.workflow-chart-fill{fill:var(--n-orange-soft)}.workflow-chart-line{fill:none;stroke:var(--n-orange-dark);stroke-width:2px}.workflow-browser{background:var(--n-paper)}.workflow-site{padding:var(--n-space-5);background:var(--n-soft)}.workflow-page{min-height:calc(var(--n-space-32) + var(--n-space-16));border:1px solid var(--n-line);border-radius:var(--n-radius-sm);background:var(--n-paper);padding:var(--n-space-5)}.workflow-page h2{max-width:16rem;margin-top:var(--n-space-8);font-size:var(--n-h3);line-height:1.2}.workflow-line{height:var(--n-space-2);border-radius:var(--n-pill);background:var(--n-line)}.workflow-line.short{width:58%}.workflow-profile-section{gap:var(--n-space-2);border:1px solid var(--n-line);border-radius:var(--n-radius-sm);background:var(--n-paper);padding:var(--n-space-4);display:grid}.workflow-tag-list{gap:var(--n-space-2);flex-wrap:wrap;display:flex}.workflow-split-list{gap:var(--n-space-3);grid-template-columns:1fr 1fr;display:grid}.workflow-mini-site{min-height:calc(var(--n-space-32) + var(--n-space-10));border:1px solid var(--n-line);border-radius:var(--n-radius-sm);background:var(--n-paper);padding:var(--n-space-4);align-content:space-between;display:grid}.workflow-mini-site h3{font-size:var(--n-h3);line-height:1.2}@media (width<=760px){.workflow-grid,.workflow-two,.workflow-timeline,.workflow-split-list{grid-template-columns:1fr}.workflow-row{grid-template-columns:auto 1fr}.workflow-row .workflow-chip{grid-column:2}}