.nc-workflow-layout{grid-template-columns:.85fr 1.4fr;align-items:center;gap:64px;display:grid}.nc-workflow-tabs{gap:8px;display:grid}.nc-workflow-tabs button{text-align:left;min-height:56px;color:var(--nc-secondary);border:1px solid #0000;border-radius:999px;align-items:center;gap:20px;padding:16px 20px;transition:background .16s,color .16s;display:flex}.nc-workflow-tabs button>span{font-variant-numeric:tabular-nums;font-size:12px}.nc-workflow-tabs button strong{flex:1;font-weight:500}.nc-workflow-tabs button[aria-selected=true]{background:var(--nc-text);color:#fff}.nc-workflow-tabs button:hover:not([aria-selected=true]){background:#efeee9}.nc-workflow-explainer{color:var(--nc-secondary);margin:24px 0;font-size:16px;line-height:1.65}.nc-workflow-preview{border:1px solid var(--nc-border);background:#fff;border-radius:24px;min-height:460px;padding:32px;box-shadow:0 16px 40px #20232108}.nc-workflow-preview header{color:var(--nc-secondary);border-bottom:1px solid var(--nc-border);justify-content:space-between;gap:16px;padding-bottom:24px;font-size:12px;display:flex}.nc-workflow-preview header>span:first-child{align-items:center;gap:8px;display:flex}.nc-workflow-preview h3{margin:24px 0;font:500 24px/1.3 Inter,sans-serif}.nc-workflow-preview h4{margin:12px 0;font:500 20px/1.4 Inter,sans-serif}.nc-workflow-preview p{font-size:14px;line-height:1.7}.nc-workflow-preview .nc-workflow-label{letter-spacing:.08em;color:var(--nc-secondary);font-size:11px}.nc-workflow-preview blockquote{background:var(--nc-canvas);border-radius:12px;margin:12px 0 20px;padding:16px;font-size:16px;line-height:1.6}.nc-workflow-note{background:var(--nc-canvas);border-radius:12px;gap:10px;margin:20px 0;padding:16px;font-size:14px;line-height:1.6;display:flex}.nc-workflow-source{color:var(--nc-secondary);overflow-wrap:anywhere}.nc-workflow-checklist{gap:16px;margin:24px 0;list-style:none;display:grid}.nc-workflow-checklist li{gap:12px;font-size:14px;display:flex}.nc-workflow-metrics{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.nc-workflow-metrics>div{gap:12px;display:grid}.nc-workflow-metrics strong{font-variant-numeric:tabular-nums;font-size:32px;font-weight:500}.nc-workflow-metrics small,.nc-workflow-metrics span{color:var(--nc-secondary);font-size:12px}@media (max-width:767px){.nc-workflow-layout{grid-template-columns:1fr;gap:24px}.nc-workflow-preview{min-height:0;padding:16px}.nc-workflow-preview h3{font-size:22px}.nc-workflow-preview header{flex-wrap:wrap}.nc-workflow-metrics{gap:12px}}@media (prefers-reduced-motion:reduce){.nc-workflow-tabs button{transition:none}}.nc-workflow-mini-sidebar{display:none}