/* Workflow instructions use the shared shell without the resource-detail layout. */
body.single-nav_workflow { padding-top:0!important; background:#f3f4f6; }
body.single-nav_workflow :is(.main-header,.mobile-header,.main-footer,.io-footer-tools,.search-modal) { display:none!important; }
.nm-workflow-page .nm-content { display:flex; flex-direction:column; min-height:100vh; }
.nm-workflow-page .nm-sop { width:100%; max-width:1104px; flex:1; padding-top:36px; padding-bottom:48px; }
.nm-workflow-page .nm-sop [hidden] { display:none!important; }
.nm-workflow-page .nm-sop :focus-visible { outline:2px solid #3578f6; outline-offset:4px; }
.nm-workflow-page .nm-sop-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:32px; color:var(--nm-muted); font-size:13px; }
.nm-workflow-page .nm-sop a:hover { color:#2865c2; }
.nm-workflow-page .nm-sop-heading { margin-bottom:20px; }
.nm-workflow-page .nm-sop-heading > p { margin-bottom:12px; color:var(--nm-muted); font-size:13px; }
.nm-workflow-page .nm-sop-heading h1 { margin:0; color:#0f172a; font-size:36px; font-weight:650; line-height:1.3; letter-spacing:-.6px; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-tabs { display:inline-flex; max-width:100%; gap:4px; margin:24px 0 0; padding:4px; border-radius:99px; background:#e9ebef; }
.nm-workflow-page .nm-sop-tabs button { min-width:0; min-height:40px; padding:8px 20px; border:0; border-radius:99px; background:transparent; color:#64748b; font-size:13px; font-weight:500; line-height:1.5; cursor:pointer; }
.nm-workflow-page .nm-sop-tabs button[aria-selected="true"] { background:#fff; color:#0f172a; box-shadow:0 2px 6px rgba(15,23,42,.1); }
.nm-workflow-page .nm-sop-tabs button:focus-visible,.nm-workflow-page .nm-sop-resource-tabs button:focus-visible { outline-offset:-2px; }
.nm-workflow-page .nm-sop-nojs { margin-bottom:20px; font-size:13px; }
.nm-workflow-page .nm-sop-nojs a { margin-right:12px; text-decoration:underline; }
.nm-workflow-page .nm-sop-route { min-width:0; }
.nm-workflow-page .nm-sop-overview { padding:0; }
.nm-workflow-page .nm-sop-tested,.nm-workflow-page .nm-sop-draft { display:inline-flex; flex-wrap:wrap; align-items:center; gap:4px; margin:0 0 12px; padding:4px 10px; border-radius:99px; background:#dcfce7; color:#166534; font-size:12px; font-weight:500; line-height:1.6; }
.nm-workflow-page .nm-sop-draft { background:#f1f5f9; color:#64748b; }
.nm-workflow-page .nm-sop-overview h2 { margin:0; color:#64748b; font-size:18px; font-weight:400; line-height:1.6; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:20px 0 0; }
.nm-workflow-page .nm-sop-meta > div { min-width:0; max-width:100%; padding:6px 12px; border-radius:99px; background:#fff; }
.nm-workflow-page .nm-sop-meta dt { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.nm-workflow-page .nm-sop-meta dd { display:flex; align-items:center; gap:4px; margin:0; color:#64748b; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-meta-icon { display:block; flex:0 0 14px; width:14px; height:14px; }
.nm-workflow-page .nm-sop-section { margin-top:40px; }
.nm-workflow-page .nm-sop-section h2 { margin:0 0 20px; color:#0f172a; font-size:22px; font-weight:600; line-height:1.4; }
.nm-workflow-page .nm-sop-section-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.nm-workflow-page .nm-sop-section-head h2 { margin:0; }
.nm-workflow-page .nm-sop-section-head > span { color:#80858d; font-size:13px; }
.nm-workflow-page .nm-sop-guide { display:grid; grid-template-columns:152px minmax(0,1fr); align-items:start; gap:28px; }
.nm-workflow-page .nm-sop-guide-content { min-width:0; }
.nm-workflow-page .nm-sop-step-nav { position:sticky; top:96px; min-width:0; }
body.admin-bar .nm-workflow-page .nm-sop-step-nav { top:128px; }
.nm-workflow-page .nm-sop-step-nav ol { margin:0; padding:0; list-style:none; }
.nm-workflow-page .nm-sop-step-nav li { position:relative; padding-bottom:24px; }
.nm-workflow-page .nm-sop-step-nav li:last-child { padding-bottom:0; }
.nm-workflow-page .nm-sop-step-nav li:not(:last-child)::before { content:""; position:absolute; top:32px; bottom:0; left:12px; width:1px; background:#dce1e8; }
.nm-workflow-page .nm-sop-step-nav a { position:relative; display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:10px; min-height:40px; color:#80858d; font-size:12px; line-height:1.6; }
.nm-workflow-page .nm-sop-nav-number { display:grid; place-items:center; width:24px; height:24px; border:1px solid #dce1e8; border-radius:50%; background:var(--nm-canvas,#f3f4f6); color:#64748b; font-size:11px; font-weight:500; }
.nm-workflow-page .nm-sop-nav-title { min-width:0; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-step-nav a[aria-current="step"] { color:#2865c2; font-weight:600; }
.nm-workflow-page .nm-sop-step-nav a[aria-current="step"] .nm-sop-nav-number { border-color:#3578f6; background:#edf4ff; color:#2865c2; }
.nm-workflow-page .nm-sop-timeline { min-width:0; margin:0; padding:0; list-style:none; }
/* The shared shell adds 80px scroll padding; steps land 108px below the viewport top. */
.nm-workflow-page .nm-sop-step { min-width:0; padding-bottom:20px; scroll-margin-top:28px; }
.nm-workflow-page .nm-sop-step:last-child { padding-bottom:0; }
.nm-workflow-page .nm-sop-step-card { min-width:0; padding:24px; border-radius:12px; background:#fff; }
.nm-workflow-page .nm-sop-step-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.nm-workflow-page .nm-sop-step-head h3 { display:flex; align-items:center; gap:10px; min-width:0; margin:0; color:#0f172a; font-size:18px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-step-heading-number { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:8px; background:#f1f5f9; color:#64748b; font-size:12px; font-weight:500; }
.nm-workflow-page .nm-sop-tool { display:inline-flex; align-items:center; gap:8px; min-width:0; max-width:100%; min-height:40px; color:#334155; font-size:13px; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-tool > span:not(.nm-sop-tool-logo) { min-width:0; }
.nm-workflow-page .nm-sop-tool-logo { position:relative; display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; overflow:hidden; border-radius:7px; background:#f1f5f9; color:#475569; font-size:12px; }
.nm-workflow-page .nm-sop-tool-logo img { position:absolute; inset:0; width:100%; height:100%; padding:2px; background:#fff; object-fit:contain; }
.nm-workflow-page .nm-sop-step-fields { display:grid; gap:16px; margin:0; }
.nm-workflow-page .nm-sop-step-fields dt { margin-bottom:8px; color:#0f172a; font-size:14px; font-weight:600; }
.nm-workflow-page .nm-sop-step-fields dd { margin:0; color:#52525b; font-size:14px; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-pitfall { margin-top:20px; padding-top:12px; border-top:1px solid #edf0f4; }
.nm-workflow-page .nm-sop-pitfall summary { display:flex; align-items:center; gap:8px; min-height:32px; color:#64748b; font-size:13px; font-weight:500; cursor:pointer; list-style:none; }
.nm-workflow-page .nm-sop-pitfall summary::-webkit-details-marker { display:none; }
.nm-workflow-page .nm-sop-pitfall-icon { display:grid; place-items:center; width:18px; height:18px; border:1px solid #94a3b8; border-radius:50%; font-size:11px; line-height:1; }
.nm-workflow-page .nm-sop-pitfall summary svg { width:14px; height:14px; margin-left:auto; transition:transform 150ms ease-out; }
.nm-workflow-page .nm-sop-pitfall[open] summary svg { transform:rotate(180deg); }
.nm-workflow-page .nm-sop-pitfall > p { margin:8px 0 0; color:#64748b; font-size:13px; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-media-placeholder { display:grid; place-items:center; min-height:80px; margin-top:20px; border:0; border-radius:8px; background:#f8fafc; color:#94a3b8; }
.nm-workflow-page .nm-sop-media-placeholder svg { width:24px; height:24px; }
.nm-workflow-page .nm-sop-proof,.nm-workflow-page .nm-sop-result { margin:24px 0 0; }
.nm-workflow-page .nm-sop-proof img,.nm-workflow-page .nm-sop-proof video,.nm-workflow-page .nm-sop-result img,.nm-workflow-page .nm-sop-result video { display:block; width:100%; max-width:100%; height:auto; border-radius:8px; background:#e5e7eb; }
.nm-workflow-page .nm-sop-proof figcaption,.nm-workflow-page .nm-sop-result figcaption { margin-top:10px; color:#80858d; font-size:12px; line-height:1.6; }
.nm-workflow-page .nm-sop-proof video,.nm-workflow-page .nm-sop-result video { max-height:560px; object-fit:contain; background:#0f172a; }
.nm-workflow-page .nm-sop-example-downloads { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 0; padding:0; list-style:none; }
.nm-workflow-page .nm-sop-example-downloads a { display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border:1px solid #e2e8f0; border-radius:8px; background:#fff; color:#475569; font-size:13px; line-height:1.5; }
.nm-workflow-page .nm-sop-example-downloads a:hover { border-color:#cbd5e1; color:#0f172a; }
.nm-workflow-page .nm-sop-prompt { padding:0; overflow:hidden; border-radius:12px; background:#17202e; color:#e2e8f0; box-shadow:0 12px 28px rgba(15,23,42,.08); }
.nm-workflow-page .nm-sop-terminal-head { display:flex; align-items:center; gap:12px; min-height:64px; padding:16px 20px; background:#1c2634; }
.nm-workflow-page .nm-sop-terminal-head h2 { flex:1; min-width:0; margin:0; color:#e2e8f0; font-size:14px; font-weight:500; }
.nm-workflow-page .nm-sop-terminal-dots { display:flex; flex-shrink:0; gap:5px; }
.nm-workflow-page .nm-sop-terminal-dots i { width:8px; height:8px; border-radius:50%; background:#f87171; }
.nm-workflow-page .nm-sop-terminal-dots i:nth-child(2) { background:#fbbf24; }
.nm-workflow-page .nm-sop-terminal-dots i:nth-child(3) { background:#4ade80; }
.nm-workflow-page .nm-sop-prompt button { flex-shrink:0; min-height:32px; padding:6px 12px; border:1px solid #536071; border-radius:6px; background:#263345; color:#fff; font-size:12px; cursor:pointer; }
.nm-workflow-page .nm-sop-prompt button:hover { background:#334155; }
.nm-workflow-page .nm-sop-prompt-scroll { max-height:350px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#536071 #17202e; }
.nm-workflow-page .nm-sop-prompt pre { margin:0; padding:20px 24px; border:0; background:transparent; color:#e2e8f0; font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-prompt code { background:transparent; color:inherit; font:inherit; }
.nm-workflow-page .nm-sop-prompt .nm-sop-copy-status { margin:0; padding:0 24px 16px; color:#cbd5e1; font-size:12px; line-height:1.7; }
.nm-workflow-page .nm-sop-prompt > .nm-sop-muted { margin:0; padding:20px 24px; color:#cbd5e1; }
.nm-workflow-page .nm-sop-copy-status:empty { display:none; }
.nm-workflow-page .nm-sop-resources { margin-top:40px; }
.nm-workflow-page .nm-sop-resource-tabs { display:flex; gap:4px; max-width:100%; overflow-x:auto; padding-bottom:8px; border-bottom:1px solid #e2e8f0; }
.nm-workflow-page .nm-sop-resource-tabs button { flex-shrink:0; min-height:40px; padding:8px 16px; border:0; border-radius:8px; background:transparent; color:#64748b; font-size:14px; font-weight:500; cursor:pointer; }
.nm-workflow-page .nm-sop-resource-tabs button[aria-selected="true"] { background:#fff; color:#0f172a; font-weight:600; }
.nm-workflow-page .nm-sop-resource-panel { min-width:0; padding-top:24px; }
.nm-workflow-page .nm-sop-resource-panel > .nm-sop-section { margin-top:0; }
.nm-workflow-page .nm-sop-resource-panel > .nm-sop-section + .nm-sop-section { margin-top:28px; }
.nm-workflow-page .nm-sop-resource-panel .nm-sop-result { margin-top:0; }
.nm-workflow-page .nm-sop-resource-panel .nm-sop-section h2 { font-size:18px; margin-bottom:16px; }
.nm-workflow-page .nm-sop-limits > p { color:#52525b; font-size:14px; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-alternatives { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.nm-workflow-page .nm-sop-alternatives li { padding:16px 20px; border-radius:12px; background:#fff; }
.nm-workflow-page .nm-sop-alternatives a { display:inline-block; padding:4px 0; color:#1f2937; font-size:15px; font-weight:600; }
.nm-workflow-page .nm-sop-alternatives p { margin-top:6px; color:#64748b; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-cost-note { margin:0 0 16px; color:#64748b; font-size:13px; line-height:1.7; }
.nm-workflow-page .nm-sop-table-scroll { position:relative; max-width:100%; overflow:auto; border:0; border-radius:8px; background:#fff; }
.nm-workflow-page .nm-sop-cost-table { width:100%; min-width:560px; margin:0; border:0; border-collapse:collapse; color:#52525b; font-size:13px; line-height:1.7; text-align:left; }
.nm-workflow-page .nm-sop-cost-table th,.nm-workflow-page .nm-sop-cost-table td { padding:14px 16px; border:0; vertical-align:top; overflow-wrap:anywhere; }
.nm-workflow-page .nm-sop-cost-table thead th { background:#fff; color:#64748b; font-size:12px; font-weight:600; white-space:nowrap; }
.nm-workflow-page .nm-sop-cost-table tbody tr:nth-child(odd) { background:#f8fafc; }
.nm-workflow-page .nm-sop-cost-table tbody th { color:#1f2937; font-weight:500; }
.nm-workflow-page .nm-sop-cost-table td:last-child > * { display:block; }
.nm-workflow-page .nm-sop-cost-table td a { color:#2865c2; }
.nm-workflow-page .nm-sop-empty { margin:20px 0 0; padding:18px; border:1px dashed #cbd5e1; border-radius:8px; color:#64748b; font-size:13px; line-height:1.7; }
.nm-workflow-page .nm-sop-muted { color:#80858d; font-size:13px; line-height:1.7; }
.nm-workflow-page .nm-sop-preview-footer { margin:32px 0 0; color:#80858d; font-size:12px; line-height:1.7; }
@media(max-width:760px) {
    .nm-workflow-page .nm-sop-guide { grid-template-columns:minmax(0,1fr); gap:16px; }
    .nm-workflow-page .nm-sop-step-nav { position:static; }
    .nm-workflow-page .nm-sop-step-nav ol { display:flex; gap:12px; overflow-x:auto; padding-bottom:4px; }
    .nm-workflow-page .nm-sop-step-nav li { flex:1; min-width:40px; padding:0; }
    .nm-workflow-page .nm-sop-step-nav li:not(:last-child)::before { top:20px; bottom:auto; left:28px; right:-8px; width:auto; height:1px; }
    .nm-workflow-page .nm-sop-step-nav a { display:flex; justify-content:center; }
    .nm-workflow-page .nm-sop-nav-title { display:none; }
}
@media(max-width:600px) {
    .nm-workflow-page .nm-sop { padding-top:24px; padding-bottom:32px; }
    .nm-workflow-page .nm-sop-breadcrumb { margin-bottom:24px; }
    .nm-workflow-page .nm-sop-heading h1 { font-size:28px; }
    .nm-workflow-page .nm-sop-heading { margin-bottom:24px; }
    .nm-workflow-page .nm-sop-overview h2 { font-size:16px; }
    .nm-workflow-page .nm-sop-meta { gap:8px; margin-top:16px; }
    .nm-workflow-page .nm-sop-meta dd { font-size:12px; }
    .nm-workflow-page .nm-sop-tabs { display:flex; overflow-x:auto; border-radius:12px; }
    .nm-workflow-page .nm-sop-tabs button { flex:1 0 auto; padding:8px 12px; border-radius:8px; font-size:12px; }
    .nm-workflow-page .nm-sop-section { margin-top:32px; }
    .nm-workflow-page .nm-sop-section h2 { font-size:20px; }
    .nm-workflow-page .nm-sop-step-card { padding:18px; border-radius:12px; }
    .nm-workflow-page .nm-sop-step-head { gap:10px; margin-bottom:20px; }
    .nm-workflow-page .nm-sop-step-head h3 { font-size:17px; }
    .nm-workflow-page .nm-sop-terminal-head { gap:8px; padding:12px 16px; }
    .nm-workflow-page .nm-sop-terminal-head h2 { font-size:12px; }
    .nm-workflow-page .nm-sop-terminal-dots { gap:4px; }
    .nm-workflow-page .nm-sop-terminal-dots i { width:6px; height:6px; }
    .nm-workflow-page .nm-sop-prompt button { padding:6px 8px; font-size:11px; }
    .nm-workflow-page .nm-sop-prompt pre { padding:16px; }
    .nm-workflow-page .nm-sop-prompt .nm-sop-copy-status { padding:0 16px 12px; }
    .nm-workflow-page .nm-sop-resource-tabs button { padding:8px 12px; font-size:13px; }
    .nm-workflow-page .nm-sop-alternatives li { padding:18px; }
}
@media(prefers-reduced-motion:reduce) {
    .nm-workflow-page .nm-sop-pitfall summary svg { transition:none; }
}