/* The workflow catalog shares cards and tokens with the homepage. */
.nm-workflow-archive .nm-content { display:flex; flex-direction:column; min-height:100vh; }
.nm-workflow-archive .nm-workflow-catalog { flex:1; padding-top:36px; padding-bottom:64px; }
.nm-workflow-archive .nm-workflow-catalog-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:32px; color:var(--nm-muted); font-size:13px; }
.nm-workflow-archive .nm-workflow-catalog-breadcrumb [aria-current] { color:var(--nm-ink); }
.nm-workflow-archive .nm-workflow-catalog-heading { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:16px 32px; margin-bottom:28px; }
.nm-workflow-archive .nm-workflow-catalog-heading h1 { margin:0 0 12px; color:var(--nm-ink); font-size:36px; font-weight:650; line-height:1.3; letter-spacing:-.6px; }
.nm-workflow-archive .nm-workflow-catalog-heading p { color:var(--nm-muted); font-size:14px; line-height:1.7; }
.nm-workflow-archive .nm-workflow-catalog-heading .nm-workflow-catalog-count { flex:none; font-size:13px; font-variant-numeric:tabular-nums; }
.nm-workflow-archive .nm-workflow-catalog-preview { margin-bottom:24px; padding:12px 16px; border:1px solid #e5e7eb; border-radius:10px; background:#f8fafc; color:#64748b; font-size:13px; line-height:1.6; }
.nm-workflow-archive .nm-workflow-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.nm-workflow-archive .nm-workflow-catalog-empty { padding:32px; border:1px dashed #cbd5e1; border-radius:16px; color:var(--nm-muted); }
.nm-workflow-archive .nm-workflow-catalog-empty h2 { margin:0 0 10px; color:var(--nm-ink); font-size:20px; font-weight:600; }
.nm-workflow-archive .nm-workflow-catalog-empty p { font-size:14px; line-height:1.7; }
.nm-workflow-archive .nm-workflow-catalog-empty a { display:inline-flex; align-items:center; gap:6px; min-height:44px; margin-top:12px; color:#2563eb; font-size:14px; }
.nm-workflow-archive .nm-workflow-catalog a:focus-visible { outline:2px solid #3578f6; outline-offset:4px; }
@media(max-width:1100px) { .nm-workflow-archive .nm-workflow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
    .nm-workflow-archive .nm-workflow-catalog { padding-top:24px; padding-bottom:40px; }
    .nm-workflow-archive .nm-workflow-catalog-breadcrumb { margin-bottom:24px; }
    .nm-workflow-archive .nm-workflow-catalog-heading h1 { font-size:28px; }
    .nm-workflow-archive .nm-workflow-grid { grid-template-columns:1fr; }
    .nm-workflow-archive .nm-workflow-catalog-empty { padding:24px; }
}