.workflow-start{margin:1.2rem 0;padding-top:1rem;border-top:1px solid var(--line)}
.workflow-start h3{font-size:1rem;margin:0 0 .4rem}.workflow-start-note{font-size:.82rem;color:var(--muted);line-height:1.6;margin:0 0 1rem}
.workflow-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.case-sheet-body .workflow-start-grid{grid-template-columns:1fr}
.workflow-start-step{padding:.85rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.workflow-start h4{font-size:.88rem;line-height:1.5;margin:0 0 .6rem;color:var(--ink)}
.workflow-start ul{padding-left:1.1rem;margin:0}.workflow-start li,.workflow-start p{font-size:.84rem;line-height:1.7;overflow-wrap:anywhere}.workflow-start li+li{margin-top:.5rem}
.workflow-start-step strong{display:block;margin-top:.75rem;font-size:.8rem;color:var(--muted)}.workflow-start-step p{margin:.35rem 0}
.workflow-first-step{margin-top:.7rem}.workflow-first-step summary{font-size:.8rem;cursor:pointer;color:var(--jade)}
.workflow-start-cost{margin-top:.75rem;padding:.9rem 1rem;border:1px solid var(--line);border-left:3px solid var(--jade);border-radius:10px;background:var(--paper)}.workflow-start-cost p:last-child{color:var(--muted);margin-bottom:0}
.worry-next-steps{margin:.8rem 0 1.2rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}.worry-next-steps[hidden]{display:none}.worry-next-steps ul{padding-left:1.2rem;font-size:.9rem;line-height:1.7}.worry-next-steps a{display:inline-flex;padding:.5rem .9rem}
@media(max-width:900px){.workflow-start-grid{grid-template-columns:1fr}.workflow-start-step{padding:.9rem}.workflow-start-step li,.workflow-start-step p{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.workflow-start *, .worry-next-steps *{scroll-behavior:auto}}
/* n8n first-run path: shared by full pages and case modals. */
.n8n-onboarding{padding:clamp(16px,2.4vw,26px);margin:1.3rem 0;border-color:color-mix(in srgb,var(--jade) 28%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--jade) 5%,var(--surface)),var(--surface) 55%)}
.n8n-eyebrow{font-size:.66rem!important;font-weight:700;letter-spacing:.16em;color:var(--jade);margin:0 0 .55rem!important}
.n8n-guide-header h2{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.4;letter-spacing:-.025em;margin:0 0 .45rem}.n8n-guide-lead{font-size:.93rem;line-height:1.7;margin:.35rem 0 .8rem}.n8n-guide-note{font-size:.78rem!important;color:var(--muted);line-height:1.65;margin:.6rem 0}
.n8n-statuses{display:flex;gap:.4rem;flex-wrap:wrap}.n8n-statuses span{font-size:.69rem;line-height:1.6;padding:.2rem .55rem;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--paper)}.n8n-statuses .available{color:var(--jade);border-color:color-mix(in srgb,var(--jade) 30%,var(--line))}.n8n-statuses .pending{border-style:dashed}
.n8n-stages{display:grid;gap:.55rem;margin-top:1rem}.n8n-stage{border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}.n8n-stage>summary{display:flex;align-items:center;gap:.65rem;cursor:pointer;list-style:none;padding:.8rem .9rem;font-size:.9rem;font-weight:600}.n8n-stage>summary::-webkit-details-marker{display:none}.n8n-stage-number{font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--jade);background:color-mix(in srgb,var(--jade) 9%,var(--surface));border-radius:6px;padding:.22rem .38rem}.n8n-stage-toggle{margin-left:auto;color:var(--muted);font-size:1.2rem;font-weight:400}.n8n-stage[open] .n8n-stage-toggle{transform:rotate(45deg)}.n8n-stage-body{padding:0 .95rem .9rem 3rem}.n8n-stage-body p,.n8n-stage-body li{font-size:.86rem;line-height:1.75;overflow-wrap:anywhere}.n8n-stage-body p{margin:.3rem 0 .65rem}.n8n-stage-body ul{padding-left:1rem;margin:0}.n8n-stage-body li+li{margin-top:.45rem}.n8n-stage-body h3{font-size:.79rem;margin:.8rem 0 .4rem;color:var(--muted)}.n8n-stage-body h3:first-child{margin-top:0}.n8n-stage-body a:not(.workflow-download){font-size:.8rem}.n8n-boundary{margin-top:.8rem!important;padding:.7rem .8rem;border-left:2px solid var(--jade);background:var(--paper);border-radius:0 8px 8px 0}.n8n-secondary{margin-top:.85rem;font-size:.8rem;color:var(--muted)}.n8n-secondary>summary{padding:.5rem 0;cursor:pointer}.n8n-secondary li{line-height:1.7}.n8n-secondary .workflow-template-setup{color:var(--ink)}
.n8n-starters{margin:0 0 1.5rem;padding:clamp(16px,2vw,24px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--jade) 5%,var(--surface)),var(--surface) 65%)}.n8n-starters[hidden]{display:none!important}.n8n-starters header h2{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.4;letter-spacing:-.03em;margin:0 0 .4rem}.n8n-starters header>p:last-child{font-size:.84rem;line-height:1.7;color:var(--muted);margin:.4rem 0 1rem}.n8n-starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.n8n-starter-card{display:flex;flex-direction:column;gap:.45rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s;min-width:0}.n8n-starter-card:hover{border-color:var(--jade);transform:translateY(-2px)}.n8n-starter-tier{font-size:.66rem;letter-spacing:.02em;color:var(--jade);font-weight:600}.n8n-starter-card h3{font-size:.9rem;line-height:1.55;margin:0}.n8n-starter-card p{font-size:.78rem;line-height:1.65;color:var(--muted);margin:0}.n8n-starter-footer{margin-top:auto;padding-top:.5rem;font-size:.66rem;color:var(--muted)}.n8n-no-template{padding:1rem;border:1px dashed var(--line);border-radius:12px;margin:1rem 0;color:var(--muted);font-size:.87rem}.n8n-no-template p{line-height:1.7}.n8n-no-template strong{color:var(--ink)}
.n8n-stage>summary:focus-visible,.n8n-starter-card:focus-visible,.n8n-secondary>summary:focus-visible{outline:2px solid var(--jade);outline-offset:3px}
@media(max-width:1050px){.n8n-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.n8n-starter-grid{grid-template-columns:1fr}.n8n-stage-body{padding-left:1rem}.n8n-onboarding{padding:15px}.n8n-starter-card h3{font-size:1rem}.n8n-starter-card p{font-size:.84rem}.n8n-starter-footer{font-size:.72rem}.n8n-starter-card{padding:1rem}.n8n-stage-body .workflow-template-actions{gap:.4rem}}
@media(prefers-reduced-motion:reduce){.n8n-starter-card{transition:none}.n8n-starter-card:hover{transform:none}}
html[data-theme="dark"] .n8n-eyebrow,html[data-theme="dark"] .n8n-starter-tier,html[data-theme="dark"] .n8n-stage-number,html[data-theme="dark"] .n8n-statuses .available{color:#91c3ff}
