.workflow-editor-demo .section-heading{max-width:850px}
.workflow-editor-demo .section-heading p{max-width:780px;margin-top:16px}
.workflow-editor-figure{margin:28px 0 0}
.workflow-editor-frame{display:block;overflow:hidden;aspect-ratio:2124/1550;border:1px solid var(--line);border-radius:16px;background:#101a22;box-shadow:var(--shadow)}
.workflow-editor-frame a{display:block;overflow:hidden}
.workflow-editor-frame img{display:block;width:101.7%;max-width:none;height:auto;margin-top:-3.8%}
.workflow-editor-figure figcaption{margin-top:12px;color:var(--muted);font-size:.9rem}
.workflow-custom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.workflow-custom-grid article{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.workflow-custom-grid h3{font-size:1.08rem;margin-bottom:10px}
.workflow-custom-grid p{color:var(--muted);font-size:.92rem;line-height:1.55}
.workflow-catalog-heading{max-width:820px;margin-bottom:30px}
.workflow-catalog-heading p{margin-top:16px}
.workflow-catalog-grid{column-count:3;column-gap:20px}
.workflow-category{display:inline-block;width:100%;vertical-align:top;break-inside:avoid;margin:0 0 20px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}
.workflow-category h3{font-size:1.3rem;margin:0 0 16px}
.workflow-category ul{list-style:none;margin:0;padding:0}
.workflow-category li{border-top:1px solid var(--line)}
.workflow-category details{padding:0}
.workflow-category summary{display:flex;align-items:flex-start;gap:9px;list-style:none;cursor:pointer;padding:11px 0;font-size:.95rem;font-weight:700;line-height:1.35}
.workflow-category summary::-webkit-details-marker{display:none}
.workflow-category summary::before{content:'•';color:var(--accent);font-size:1.2rem;line-height:1;flex:none}
.workflow-category summary::after{content:'+';margin-left:auto;color:var(--accent);font-size:1.15rem;line-height:1;flex:none}
.workflow-category details[open] summary::after{content:'−'}
.workflow-category summary:hover{color:var(--accent)}
.workflow-category .workflow-detail{padding:0 0 16px 21px;color:var(--muted);font-size:.88rem;line-height:1.55}
.workflow-category .workflow-cadence{display:block;margin:8px 0;font-size:.78rem;font-weight:700;letter-spacing:.025em;color:var(--accent)}
.workflow-category ol{padding-left:19px;margin:10px 0 0}
.workflow-category ol li{border:0;padding:2px 0}
@media(max-width:980px){.workflow-custom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-catalog-grid{column-count:2}}
@media(max-width:650px){.workflow-custom-grid{grid-template-columns:1fr}.workflow-catalog-grid{column-count:1}.workflow-category{padding:20px}.workflow-editor-frame{border-radius:10px}.workflow-editor-figure figcaption{font-size:.82rem}}

.workflow-library-expand{border:1px solid var(--strong-line);border-radius:14px;overflow:hidden;background:var(--wash)}
.workflow-library-expand>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px;padding:16px 22px;list-style:none;cursor:pointer;font-weight:700;color:var(--ink)}
.workflow-library-expand>summary::-webkit-details-marker{display:none}
.workflow-library-expand>summary:hover{color:var(--accent)}
.workflow-library-expand>summary svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.workflow-library-expand[open]>summary svg{transform:rotate(180deg)}
.workflow-library-expand-body{padding:24px;border-top:1px solid var(--strong-line)}
.workflow-library-expand-body>p{color:var(--muted);margin:0 0 22px;max-width:65ch}
.workflow-library-expand .workflow-category{box-shadow:none}
.workflow-library-page-link{margin-top:24px!important}
@media(max-width:650px){.workflow-library-card{padding:20px}.workflow-library-expand>summary{padding:15px 16px}.workflow-library-expand-body{padding:16px}.workflow-library-expand .workflow-category{padding:16px 0 8px;margin-bottom:8px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}}
@media(prefers-reduced-motion:reduce){.workflow-library-expand>summary svg{transition:none}}